@charset "UTF-8";

/*
Theme Name: SOGO Child
Theme URI: http://sogo.co.il/
Template:   sogo
Author: Sogo
Author URI: https://sogo.co.il/
Description: SOGO child theme
Version: 1.0
License: Commercial Use only
License URI: Commercial Use only
Text Domain: sogo
*/

/*!
* TW Elements
* Version: FREE 2.0.0
* 
* Copyright: Material Design for Bootstrap
* https://mdbootstrap.com/
* 
* Read the license: https://tw-elements.com/license/
*
*
* Documentation: https://tw-elements.com/
*
* Support: https://mdbootstrap.com/support/cat/twe
*
* Contact: tailwind@mdbootstrap.com
* 
*/

/*! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com*/

*,:after,:before{
  box-sizing:border-box;
  border:0 solid #e5e7eb
}

:after,:before{
  --tw-content:""
}

html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:Roboto,sans-serif;
  font-feature-settings:normal;
  font-variation-settings:normal
}

body{
  margin:0;
  line-height:inherit
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px
}

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

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

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

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-family:ui-monospace,monospace;
  font-size:1em
}

small{
  font-size:80%
}

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

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

[type=button],[type=reset],[type=submit],button{
  -webkit-appearance:button;
  background-color:initial;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

:-moz-ui-invalid{
  box-shadow:none
}

progress{
  vertical-align:initial
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

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

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

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

fieldset{
  margin:0
}

fieldset,legend{
  padding:0
}

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

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

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

:disabled{
  cursor:default
}

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

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

[hidden]{
  display:none
}

input[type=range]::-webkit-slider-thumb{
  height:1rem;
  width:1rem;
  background:#3b71ca;
  border-radius:9999px;
  border:0;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  cursor:pointer
}

.dark input[type=range]::-webkit-slider-thumb{
  background:#8faee0
}

input[type=range]:disabled::-webkit-slider-thumb,input[type=range]:disabled:focus::-webkit-slider-thumb{
  background:#a3a3a3
}

input[type=range]:disabled:active::-webkit-slider-thumb{
  background:#a3a3a3
}

.dark input[type=range]:disabled::-webkit-slider-thumb,.dark input[type=range]:disabled:focus::-webkit-slider-thumb{
  background:#737373
}

.dark input[type=range]:disabled:active::-webkit-slider-thumb{
  background:#737373
}

input[type=range]::-moz-range-thumb{
  height:1rem;
  width:1rem;
  background:#3b71ca;
  border-radius:9999px;
  border:0;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  cursor:pointer
}

.dark input[type=range]::-moz-range-thumb{
  background:#8faee0
}

input[type=range]:disabled::-moz-range-thumb{
  background:#a3a3a3
}

.dark input[type=range]:disabled::-moz-range-thumb{
  background:#737373
}

input[type=range]::-moz-range-progress{
  background:#3061af
}

input[type=range]::-ms-fill-lower{
  background:#3061af
}

.dark input[type=range]::-moz-range-progress{
  background:#6590d5
}

.dark input[type=range]::-ms-fill-lower{
  background:#6590d5
}

input[type=range]:focus{
  outline:none
}

input[type=range]:focus::-webkit-slider-thumb{
  background:#3061af
}

input[type=range]:active::-webkit-slider-thumb{
  background:#285192
}

.dark input[type=range]:focus::-webkit-slider-thumb{
  background:#6590d5
}

.dark input[type=range]:active::-webkit-slider-thumb{
  background:#3061af
}

html{
  color:rgb(79 79 79/var(--tw-text-opacity));
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

html,html.dark{
  --tw-text-opacity:1;
  --tw-bg-opacity:1
}

html.dark{
  color:rgb(250 250 250/var(--tw-text-opacity));
  background-color:rgb(48 48 48/var(--tw-bg-opacity))
}

*,::backdrop,:after,:before{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#3b82f680;
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.container{
  width:100%
}

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

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

@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:1536px){
  .container{
    max-width:1536px
  }
}

.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
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.\!visible{
  visibility:visible!important
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.\!fixed{
  position:fixed!important
}

.fixed{
  position:fixed
}

.\!absolute{
  position:absolute!important
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-x-0{
  left:0;
  right:0
}

.inset-x-\[15\%\]{
  left:15%;
  right:15%
}

.bottom-0{
  bottom:0
}

.bottom-10{
  bottom:2.5rem
}

.bottom-2\/4{
  bottom:50%
}

.bottom-5{
  bottom:1.25rem
}

.bottom-auto{
  bottom:auto
}

.end-2\/4{
  inset-inline-end:50%
}

.end-5{
  inset-inline-end:1.25rem
}

.left-0{
  left:0
}

.left-10{
  left:2.5rem
}

.left-2\/4{
  left:50%
}

.left-3{
  left:.75rem
}

.left-auto{
  left:auto
}

.right-0{
  right:0
}

.right-auto{
  right:auto
}

.top-0{
  top:0
}

.top-2\/4{
  top:50%
}

.top-auto{
  top:auto
}

.top-full{
  top:100%
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-\[1000\]{
  z-index:1000
}

.z-\[1040\]{
  z-index:1040
}

.z-\[1045\]{
  z-index:1045
}

.z-\[1055\]{
  z-index:1055
}

.z-\[1070\]{
  z-index:1070
}

.z-\[1080\]{
  z-index:1080
}

.z-\[1\]{
  z-index:1
}

.z-\[2\]{
  z-index:2
}

.z-\[999\]{
  z-index:999
}

.order-1{
  order:1
}

.order-2{
  order:2
}

.col-span-2{
  grid-column:span 2/span 2
}

.float-right{
  float:right
}

.float-left{
  float:left
}

.\!-m-px{
  margin:-1px!important
}

.-m-px{
  margin:-1px
}

.m-0{
  margin:0
}

.m-12{
  margin:3rem
}

.m-6{
  margin:1.5rem
}

.m-\[10\%\]{
  margin:10%
}

.-mx-px{
  margin-left:-1px;
  margin-right:-1px
}

.-my-2{
  margin-top:-.5rem;
  margin-bottom:-.5rem
}

.mx-1{
  margin-left:.25rem;
  margin-right:.25rem
}

.mx-10{
  margin-left:2.5rem;
  margin-right:2.5rem
}

.mx-2{
  margin-left:.5rem;
  margin-right:.5rem
}

.mx-3{
  margin-left:.75rem;
  margin-right:.75rem
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.mx-5{
  margin-left:1.25rem;
  margin-right:1.25rem
}

.mx-6{
  margin-left:1.5rem;
  margin-right:1.5rem
}

.mx-96{
  margin-left:24rem;
  margin-right:24rem
}

.mx-\[15\%\]{
  margin-left:15%;
  margin-right:15%
}

.mx-\[3px\]{
  margin-left:3px;
  margin-right:3px
}

.mx-\[5\%\]{
  margin-left:5%;
  margin-right:5%
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-0{
  margin-top:0;
  margin-bottom:0
}

.my-0\.5{
  margin-top:.125rem;
  margin-bottom:.125rem
}

.my-1{
  margin-top:.25rem;
  margin-bottom:.25rem
}

.my-12{
  margin-top:3rem;
  margin-bottom:3rem
}

.my-2{
  margin-top:.5rem;
  margin-bottom:.5rem
}

.my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.my-6{
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.-mb-0{
  margin-bottom:0
}

.-mb-0\.5{
  margin-bottom:-.125rem
}

.-me-0{
  margin-inline-end:0
}

.-me-0\.5{
  margin-inline-end:-.125rem
}

.-me-1{
  margin-inline-end:-.25rem
}

.-me-px{
  margin-inline-end:-1px
}

.-mr-\[100\%\]{
  margin-right:-100%
}

.-ms-0{
  margin-inline-start:0
}

.-ms-0\.5{
  margin-inline-start:-.125rem
}

.-ms-1{
  margin-inline-start:-.25rem
}

.-ms-2{
  margin-inline-start:-.5rem
}

.-ms-3{
  margin-inline-start:-.75rem
}

.-ms-\[1\.4rem\]{
  margin-inline-start:-1.4rem
}

.-ms-\[1\.5rem\]{
  margin-inline-start:-1.5rem
}

.-ms-\[13px\]{
  margin-inline-start:-13px
}

.-ms-px{
  margin-inline-start:-1px
}

.-mt-2{
  margin-top:-.5rem
}

.-mt-4{
  margin-top:-1rem
}

.-mt-6{
  margin-top:-1.5rem
}

.-mt-7{
  margin-top:-1.75rem
}

.mb-0{
  margin-bottom:0
}

.mb-1{
  margin-bottom:.25rem
}

.mb-1\.5{
  margin-bottom:.375rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-12{
  margin-bottom:3rem
}

.mb-2{
  margin-bottom:.5rem
}

.mb-2\.5{
  margin-bottom:.625rem
}

.mb-3{
  margin-bottom:.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-8{
  margin-bottom:2rem
}

.mb-\[0\.125rem\]{
  margin-bottom:.125rem
}

.me-1{
  margin-inline-end:.25rem
}

.me-1\.5{
  margin-inline-end:.375rem
}

.me-12{
  margin-inline-end:3rem
}

.me-2{
  margin-inline-end:.5rem
}

.me-3{
  margin-inline-end:.75rem
}

.me-4{
  margin-inline-end:1rem
}

.me-5{
  margin-inline-end:1.25rem
}

.me-6{
  margin-inline-end:1.5rem
}

.me-\[6px\]{
  margin-inline-end:6px
}

.me-auto{
  margin-inline-end:auto
}

.mr-1{
  margin-right:.25rem
}

.ms-1{
  margin-inline-start:.25rem
}

.ms-2{
  margin-inline-start:.5rem
}

.ms-2\.5{
  margin-inline-start:.625rem
}

.ms-20{
  margin-inline-start:5rem
}

.ms-3{
  margin-inline-start:.75rem
}

.ms-4{
  margin-inline-start:1rem
}

.ms-5{
  margin-inline-start:1.25rem
}

.ms-6{
  margin-inline-start:1.5rem
}

.ms-auto{
  margin-inline-start:auto
}

.mt-0{
  margin-top:0
}

.mt-0\.5{
  margin-top:.125rem
}

.mt-1{
  margin-top:.25rem
}

.mt-12{
  margin-top:3rem
}

.mt-2{
  margin-top:.5rem
}

.mt-20{
  margin-top:5rem
}

.mt-3{
  margin-top:.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-\[0\.15rem\]{
  margin-top:.15rem
}

.mt-\[0\.3rem\]{
  margin-top:.3rem
}

.mt-auto{
  margin-top:auto
}

.mt-px{
  margin-top:1px
}

.box-border{
  box-sizing:border-box
}

.box-content{
  box-sizing:initial
}

.\!block{
  display:block!important
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.flow-root{
  display:flow-root
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.\!h-px{
  height:1px!important
}

.h-0{
  height:0
}

.h-0\.5{
  height:.125rem
}

.h-1{
  height:.25rem
}

.h-1\.5{
  height:.375rem
}

.h-1\/3{
  height:33.333333%
}

.h-10{
  height:2.5rem
}

.h-11{
  height:2.75rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-2{
  height:.5rem
}

.h-2\.5{
  height:.625rem
}

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-28{
  height:7rem
}

.h-3{
  height:.75rem
}

.h-3\.5{
  height:.875rem
}

.h-4{
  height:1rem
}

.h-48{
  height:12rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-7{
  height:1.75rem
}

.h-8{
  height:2rem
}

.h-9{
  height:2.25rem
}

.h-96{
  height:24rem
}

.h-\[1\.125rem\]{
  height:1.125rem
}

.h-\[100px\]{
  height:100px
}

.h-\[11px\]{
  height:11px
}

.h-\[200px\]{
  height:200px
}

.h-\[25px\]{
  height:25px
}

.h-\[300px\]{
  height:300px
}

.h-\[350px\]{
  height:350px
}

.h-\[3px\]{
  height:3px
}

.h-\[400px\]{
  height:400px
}

.h-\[4px\]{
  height:4px
}

.h-\[58px\]{
  height:58px
}

.h-\[calc\(100\%-1rem\)\]{
  height:calc(100% - 1rem)
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

.h-screen{
  height:100vh
}

.max-h-24{
  max-height:6rem
}

.max-h-\[100\%\],.max-h-full{
  max-height:100%
}

.min-h-\[0\.6em\]{
  min-height:.6em
}

.min-h-\[0\.8em\]{
  min-height:.8em
}

.min-h-\[1\.2em\]{
  min-height:1.2em
}

.min-h-\[1\.5rem\]{
  min-height:1.5rem
}

.min-h-\[120px\]{
  min-height:120px
}

.min-h-\[1em\]{
  min-height:1em
}

.min-h-\[auto\]{
  min-height:auto
}

.min-h-\[calc\(100\%-1rem\)\]{
  min-height:calc(100% - 1rem)
}

.min-h-full{
  min-height:100%
}

.\!w-px{
  width:1px!important
}

.w-0{
  width:0
}

.w-0\.5{
  width:.125rem
}

.w-1\/2{
  width:50%
}

.w-1\/4{
  width:25%
}

.w-10{
  width:2.5rem
}

.w-11{
  width:2.75rem
}

.w-12{
  width:3rem
}

.w-14{
  width:3.5rem
}

.w-16{
  width:4rem
}

.w-2{
  width:.5rem
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-3{
  width:.75rem
}

.w-3\.5{
  width:.875rem
}

.w-3\/4{
  width:75%
}

.w-32{
  width:8rem
}

.w-4{
  width:1rem
}

.w-4\/12{
  width:33.333333%
}

.w-40{
  width:10rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-6\/12{
  width:50%
}

.w-7{
  width:1.75rem
}

.w-7\/12{
  width:58.333333%
}

.w-8{
  width:2rem
}

.w-8\/12{
  width:66.666667%
}

.w-9{
  width:2.25rem
}

.w-9\/12{
  width:75%
}

.w-96{
  width:24rem
}

.w-\[1\.125rem\]{
  width:1.125rem
}

.w-\[100px\]{
  width:100px
}

.w-\[15\%\]{
  width:15%
}

.w-\[1px\]{
  width:1px
}

.w-\[200px\]{
  width:200px
}

.w-\[25px\]{
  width:25px
}

.w-\[30\%\]{
  width:30%
}

.w-\[300px\]{
  width:300px
}

.w-\[30px\]{
  width:30px
}

.w-\[400px\]{
  width:400px
}

.w-auto{
  width:auto
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.w-px{
  width:1px
}

.w-screen{
  width:100vw
}

.min-w-0{
  min-width:0
}

.min-w-\[10rem\]{
  min-width:10rem
}

.min-w-full{
  min-width:100%
}

.min-w-max{
  min-width:-moz-max-content;
  min-width:max-content
}

.max-w-\[18rem\]{
  max-width:18rem
}

.max-w-\[200px\]{
  max-width:200px
}

.max-w-\[267px\]{
  max-width:267px
}

.max-w-\[90\%\]{
  max-width:90%
}

.max-w-\[calc\(100\%-1rem\)\]{
  max-width:calc(100% - 1rem)
}

.max-w-fit{
  max-width:-moz-fit-content;
  max-width:fit-content
}

.max-w-full{
  max-width:100%
}

.max-w-md{
  max-width:28rem
}

.max-w-sm{
  max-width:24rem
}

.max-w-xs{
  max-width:20rem
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.flex-initial{
  flex:0 1 auto
}

.flex-shrink-0,.shrink-0{
  flex-shrink:0
}

.flex-grow,.grow{
  flex-grow:1
}

.grow-0{
  flex-grow:0
}

.basis-0{
  flex-basis:0px
}

.basis-1\/2{
  flex-basis:50%
}

.basis-\[100\%\]{
  flex-basis:100%
}

.basis-auto{
  flex-basis:auto
}

.origin-\[0_0\]{
  transform-origin:0 0
}

.-translate-x-2\/4{
  --tw-translate-x:-50%
}

.-translate-x-2\/4,.-translate-x-full{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full{
  --tw-translate-x:-100%
}

.-translate-y-1\/2{
  --tw-translate-y:-50%
}

.-translate-y-1\/2,.-translate-y-full{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-full{
  --tw-translate-y:-100%
}

.translate-x-2\/4{
  --tw-translate-x:50%
}

.translate-x-2\/4,.translate-x-full{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full{
  --tw-translate-x:100%
}

.translate-y-1\/2{
  --tw-translate-y:50%
}

.translate-y-1\/2,.translate-y-\[-50px\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50px\]{
  --tw-translate-y:-50px
}

.translate-y-full{
  --tw-translate-y:100%
}

.rotate-0,.translate-y-full{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-0{
  --tw-rotate:0deg
}

.rotate-\[-180deg\]{
  --tw-rotate:-180deg
}

.rotate-\[-180deg\],.skew-x-0{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.skew-x-0{
  --tw-skew-x:0deg
}

.skew-y-0{
  --tw-skew-y:0deg
}

.scale-0,.skew-y-0{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-0{
  --tw-scale-x:0;
  --tw-scale-y:0
}

.scale-100{
  --tw-scale-x:1;
  --tw-scale-y:1
}

.scale-100,.scale-\[1\.02\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.02\]{
  --tw-scale-x:1.02;
  --tw-scale-y:1.02
}

.scale-x-100{
  --tw-scale-x:1
}

.scale-x-100,.scale-y-100{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-100{
  --tw-scale-y:1
}

.\!transform-none{
  transform:none!important
}

.transform-none{
  transform:none
}

@keyframes placeholder-wave{
  to{
    -webkit-mask-position:-200% 0;
    mask-position:-200% 0
  }
}

.animate-\[placeholder-wave_2s_linear_infinite\]{
  animation:placeholder-wave 2s linear infinite
}

@keyframes spinner-grow{
  0%{
    transform:scale(0)
  }

  50%{
    transform:none;
    opacity:1
  }
}

.animate-\[spinner-grow_0\.75s_linear_infinite\]{
  animation:spinner-grow .75s linear infinite
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

@keyframes spin{
  to{
    transform:rotate(1turn)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-default{
  cursor:default
}

.cursor-none{
  cursor:none
}

.cursor-pointer{
  cursor:pointer
}

.cursor-wait{
  cursor:wait
}

.touch-none{
  touch-action:none
}

.touch-pan-y{
  --tw-pan-y:pan-y;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.resize{
  resize:both
}

.list-disc{
  list-style-type:disc
}

.list-none{
  list-style-type:none
}

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

.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr))
}

.grid-rows-1{
  grid-template-rows:repeat(1,minmax(0,1fr))
}

.flex-row{
  flex-direction:row
}

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.flex-nowrap{
  flex-wrap:nowrap
}

.place-items-center{
  place-items:center
}

.content-start{
  align-content:flex-start
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.items-stretch{
  align-items:stretch
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.gap-1{
  gap:.25rem
}

.gap-2{
  gap:.5rem
}

.gap-4{
  gap:1rem
}

.gap-6{
  gap:1.5rem
}

.gap-8{
  gap:2rem
}

.gap-y-10{
  row-gap:2.5rem
}

.space-x-1>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(.25rem*var(--tw-space-x-reverse));
  margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(.5rem*var(--tw-space-x-reverse));
  margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1rem*var(--tw-space-x-reverse));
  margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1.5rem*var(--tw-space-x-reverse));
  margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.25rem*var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem*var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem*var(--tw-space-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px*var(--tw-divide-y-reverse))
}

.divide-neutral-200>:not([hidden])~:not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(229 229 229/var(--tw-divide-opacity))
}

.self-start{
  align-self:flex-start
}

.self-center{
  align-self:center
}

.self-stretch{
  align-self:stretch
}

.overflow-auto{
  overflow:auto
}

.\!overflow-hidden{
  overflow:hidden!important
}

.overflow-hidden{
  overflow:hidden
}

.overflow-visible{
  overflow:visible
}

.overflow-x-auto{
  overflow-x:auto
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

.scroll-smooth{
  scroll-behavior:smooth
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.whitespace-normal{
  white-space:normal
}

.\!whitespace-nowrap{
  white-space:nowrap!important
}

.whitespace-nowrap{
  white-space:nowrap
}

.break-normal{
  overflow-wrap:normal;
  word-break:normal
}

.break-words{
  overflow-wrap:break-word
}

.rounded,.rounded-\[0\.25rem\]{
  border-radius:.25rem
}

.rounded-\[0\.27rem\]{
  border-radius:.27rem
}

.rounded-\[0\.4375rem\]{
  border-radius:.4375rem
}

.rounded-\[50\%\]{
  border-radius:50%
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:.5rem
}

.rounded-md{
  border-radius:.375rem
}

.rounded-none{
  border-radius:0
}

.rounded-sm{
  border-radius:.125rem
}

.rounded-xl{
  border-radius:.75rem
}

.rounded-b-lg{
  border-bottom-right-radius:.5rem;
  border-bottom-left-radius:.5rem
}

.rounded-b-md{
  border-bottom-right-radius:.375rem;
  border-bottom-left-radius:.375rem
}

.rounded-e,.rounded-e-\[0\.25rem\]{
  border-start-end-radius:.25rem;
  border-end-end-radius:.25rem
}

.rounded-s,.rounded-s-\[0\.25rem\]{
  border-start-start-radius:.25rem;
  border-end-start-radius:.25rem
}

.rounded-s-full{
  border-start-start-radius:9999px;
  border-end-start-radius:9999px
}

.rounded-t-lg{
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem
}

.rounded-t-md{
  border-top-left-radius:.375rem;
  border-top-right-radius:.375rem
}

.\!border-0{
  border-width:0!important
}

.border{
  border-width:1px
}

.border-0{
  border-width:0
}

.border-2{
  border-width:2px
}

.border-4{
  border-width:4px
}

.border-\[0\.125rem\]{
  border-width:.125rem
}

.border-x-0{
  border-left-width:0;
  border-right-width:0
}

.border-y-\[10px\]{
  border-top-width:10px;
  border-bottom-width:10px
}

.border-b{
  border-bottom-width:1px
}

.border-b-0{
  border-bottom-width:0
}

.border-b-2{
  border-bottom-width:2px
}

.border-e{
  border-inline-end-width:1px
}

.border-e-0{
  border-inline-end-width:0
}

.border-s{
  border-inline-start-width:1px
}

.border-s-0{
  border-inline-start-width:0
}

.border-s-2{
  border-inline-start-width:2px
}

.border-s-\[0\.125rem\]{
  border-inline-start-width:.125rem
}

.border-t-0{
  border-top-width:0
}

.border-t-2{
  border-top-width:2px
}

.border-solid{
  border-style:solid
}

.border-none{
  border-style:none
}

.border-\[\#332D2D\]{
  --tw-border-opacity:1;
  border-color:rgb(51 45 45/var(--tw-border-opacity))
}

.border-black\/20{
  border-color:#0003
}

.border-current{
  border-color:currentColor
}

.border-danger{
  --tw-border-opacity:1;
  border-color:rgb(220 76 100/var(--tw-border-opacity))
}

.border-danger-200{
  --tw-border-opacity:1;
  border-color:rgb(245 204 211/var(--tw-border-opacity))
}

.border-danger-600{
  --tw-border-opacity:1;
  border-color:rgb(212 42 70/var(--tw-border-opacity))
}

.border-info{
  --tw-border-opacity:1;
  border-color:rgb(84 180 211/var(--tw-border-opacity))
}

.border-info-100{
  --tw-border-opacity:1;
  border-color:rgb(231 244 249/var(--tw-border-opacity))
}

.border-info-200{
  --tw-border-opacity:1;
  border-color:rgb(206 233 242/var(--tw-border-opacity))
}

.border-info-600{
  --tw-border-opacity:1;
  border-color:rgb(52 164 202/var(--tw-border-opacity))
}

.border-neutral-100{
  --tw-border-opacity:1;
  border-color:rgb(245 245 245/var(--tw-border-opacity))
}

.border-neutral-200{
  --tw-border-opacity:1;
  border-color:rgb(229 229 229/var(--tw-border-opacity))
}

.border-neutral-300{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212/var(--tw-border-opacity))
}

.border-neutral-50{
  --tw-border-opacity:1;
  border-color:rgb(250 250 250/var(--tw-border-opacity))
}

.border-neutral-800{
  --tw-border-opacity:1;
  border-color:rgb(38 38 38/var(--tw-border-opacity))
}

.border-neutral-900{
  --tw-border-opacity:1;
  border-color:rgb(23 23 23/var(--tw-border-opacity))
}

.border-primary{
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.border-primary-100{
  --tw-border-opacity:1;
  border-color:rgb(227 235 247/var(--tw-border-opacity))
}

.border-primary-200{
  --tw-border-opacity:1;
  border-color:rgb(199 215 240/var(--tw-border-opacity))
}

.border-secondary-200{
  --tw-border-opacity:1;
  border-color:rgb(228 230 233/var(--tw-border-opacity))
}

.border-secondary-500{
  --tw-border-opacity:1;
  border-color:rgb(179 185 194/var(--tw-border-opacity))
}

.border-secondary-600{
  --tw-border-opacity:1;
  border-color:rgb(132 141 156/var(--tw-border-opacity))
}

.border-success{
  --tw-border-opacity:1;
  border-color:rgb(20 164 77/var(--tw-border-opacity))
}

.border-success-200{
  --tw-border-opacity:1;
  border-color:rgb(172 245 201/var(--tw-border-opacity))
}

.border-success-600{
  --tw-border-opacity:1;
  border-color:rgb(17 140 66/var(--tw-border-opacity))
}

.border-transparent{
  border-color:#0000
}

.border-warning{
  --tw-border-opacity:1;
  border-color:rgb(228 161 27/var(--tw-border-opacity))
}

.border-warning-200{
  --tw-border-opacity:1;
  border-color:rgb(247 228 190/var(--tw-border-opacity))
}

.border-warning-600{
  --tw-border-opacity:1;
  border-color:rgb(196 138 23/var(--tw-border-opacity))
}

.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

.border-e-transparent{
  border-inline-end-color:#0000
}

.border-opacity-100{
  --tw-border-opacity:1
}

.bg-\[\#0077b5\]{
  --tw-bg-opacity:1;
  background-color:rgb(0 119 181/var(--tw-bg-opacity))
}

.bg-\[\#0082ca\]{
  --tw-bg-opacity:1;
  background-color:rgb(0 130 202/var(--tw-bg-opacity))
}

.bg-\[\#0084ff\]{
  --tw-bg-opacity:1;
  background-color:rgb(0 132 255/var(--tw-bg-opacity))
}

.bg-\[\#0088cc\]{
  --tw-bg-opacity:1;
  background-color:rgb(0 136 204/var(--tw-bg-opacity))
}

.bg-\[\#0a4275\]{
  --tw-bg-opacity:1;
  background-color:rgb(10 66 117/var(--tw-bg-opacity))
}

.bg-\[\#128c7e\]{
  --tw-bg-opacity:1;
  background-color:rgb(18 140 126/var(--tw-bg-opacity))
}

.bg-\[\#1769ff\]{
  --tw-bg-opacity:1;
  background-color:rgb(23 105 255/var(--tw-bg-opacity))
}

.bg-\[\#1877f2\]{
  --tw-bg-opacity:1;
  background-color:rgb(24 119 242/var(--tw-bg-opacity))
}

.bg-\[\#1da1f2\]{
  --tw-bg-opacity:1;
  background-color:rgb(29 161 242/var(--tw-bg-opacity))
}

.bg-\[\#332D2D\]{
  --tw-bg-opacity:1;
  background-color:rgb(51 45 45/var(--tw-bg-opacity))
}

.bg-\[\#333333\],.bg-\[\#333\]{
  --tw-bg-opacity:1;
  background-color:rgb(51 51 51/var(--tw-bg-opacity))
}

.bg-\[\#3b5998\]{
  --tw-bg-opacity:1;
  background-color:rgb(59 89 152/var(--tw-bg-opacity))
}

.bg-\[\#3eb991\]{
  --tw-bg-opacity:1;
  background-color:rgb(62 185 145/var(--tw-bg-opacity))
}

.bg-\[\#45668e\]{
  --tw-bg-opacity:1;
  background-color:rgb(69 102 142/var(--tw-bg-opacity))
}

.bg-\[\#55acee\]{
  --tw-bg-opacity:1;
  background-color:rgb(85 172 238/var(--tw-bg-opacity))
}

.bg-\[\#6a76ac\]{
  --tw-bg-opacity:1;
  background-color:rgb(106 118 172/var(--tw-bg-opacity))
}

.bg-\[\#6d6d6d\]{
  --tw-bg-opacity:1;
  background-color:rgb(109 109 109/var(--tw-bg-opacity))
}

.bg-\[\#7289da\]{
  --tw-bg-opacity:1;
  background-color:rgb(114 137 218/var(--tw-bg-opacity))
}

.bg-\[\#9146ff\]{
  --tw-bg-opacity:1;
  background-color:rgb(145 70 255/var(--tw-bg-opacity))
}

.bg-\[\#ac2bac\]{
  --tw-bg-opacity:1;
  background-color:rgb(172 43 172/var(--tw-bg-opacity))
}

.bg-\[\#c13584\]{
  --tw-bg-opacity:1;
  background-color:rgb(193 53 132/var(--tw-bg-opacity))
}

.bg-\[\#dd4b39\]{
  --tw-bg-opacity:1;
  background-color:rgb(221 75 57/var(--tw-bg-opacity))
}

.bg-\[\#e60023\]{
  --tw-bg-opacity:1;
  background-color:rgb(230 0 35/var(--tw-bg-opacity))
}

.bg-\[\#ea4335\]{
  --tw-bg-opacity:1;
  background-color:rgb(234 67 53/var(--tw-bg-opacity))
}

.bg-\[\#ea4c89\]{
  --tw-bg-opacity:1;
  background-color:rgb(234 76 137/var(--tw-bg-opacity))
}

.bg-\[\#f48024\]{
  --tw-bg-opacity:1;
  background-color:rgb(244 128 36/var(--tw-bg-opacity))
}

.bg-\[\#f8cc1b\]{
  --tw-bg-opacity:1;
  background-color:rgb(248 204 27/var(--tw-bg-opacity))
}

.bg-\[\#ff0000\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 0 0/var(--tw-bg-opacity))
}

.bg-\[\#ff4500\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 69 0/var(--tw-bg-opacity))
}

.bg-\[hsl\(0\2c 0\%\2c 98\.4\%\2c 0\.2\)\]{
  background-color:#fbfbfb33
}

.bg-\[hsla\(0\2c 0\%\2c 98\%\2c 0\.15\)\]{
  background-color:#fafafa26
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/20{
  background-color:#0003
}

.bg-black\/25{
  background-color:#00000040
}

.bg-black\/5{
  background-color:#0000000d
}

.bg-black\/60{
  background-color:#0009
}

.bg-black\/\[0\.02\]{
  background-color:#00000005
}

.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-current{
  background-color:currentColor
}

.bg-cyan-300{
  --tw-bg-opacity:1;
  background-color:rgb(103 232 249/var(--tw-bg-opacity))
}

.bg-danger{
  --tw-bg-opacity:1;
  background-color:rgb(220 76 100/var(--tw-bg-opacity))
}

.bg-danger-100{
  --tw-bg-opacity:1;
  background-color:rgb(250 229 233/var(--tw-bg-opacity))
}

.bg-danger-200{
  --tw-bg-opacity:1;
  background-color:rgb(245 204 211/var(--tw-bg-opacity))
}

.bg-danger-300{
  --tw-bg-opacity:1;
  background-color:rgb(240 178 189/var(--tw-bg-opacity))
}

.bg-danger-400{
  --tw-bg-opacity:1;
  background-color:rgb(235 153 166/var(--tw-bg-opacity))
}

.bg-danger-50{
  --tw-bg-opacity:1;
  background-color:rgb(252 242 244/var(--tw-bg-opacity))
}

.bg-danger-500{
  --tw-bg-opacity:1;
  background-color:rgb(227 114 133/var(--tw-bg-opacity))
}

.bg-danger-600{
  --tw-bg-opacity:1;
  background-color:rgb(212 42 70/var(--tw-bg-opacity))
}

.bg-danger-700{
  --tw-bg-opacity:1;
  background-color:rgb(176 35 58/var(--tw-bg-opacity))
}

.bg-danger-800{
  --tw-bg-opacity:1;
  background-color:rgb(141 28 47/var(--tw-bg-opacity))
}

.bg-danger-900{
  --tw-bg-opacity:1;
  background-color:rgb(106 21 35/var(--tw-bg-opacity))
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235/var(--tw-bg-opacity))
}

.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231/var(--tw-bg-opacity))
}

.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94/var(--tw-bg-opacity))
}

.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74/var(--tw-bg-opacity))
}

.bg-green-700{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61/var(--tw-bg-opacity))
}

.bg-indigo-400{
  --tw-bg-opacity:1;
  background-color:rgb(129 140 248/var(--tw-bg-opacity))
}

.bg-indigo-700{
  --tw-bg-opacity:1;
  background-color:rgb(67 56 202/var(--tw-bg-opacity))
}

.bg-info{
  --tw-bg-opacity:1;
  background-color:rgb(84 180 211/var(--tw-bg-opacity))
}

.bg-info-100{
  --tw-bg-opacity:1;
  background-color:rgb(231 244 249/var(--tw-bg-opacity))
}

.bg-info-200{
  --tw-bg-opacity:1;
  background-color:rgb(206 233 242/var(--tw-bg-opacity))
}

.bg-info-300{
  --tw-bg-opacity:1;
  background-color:rgb(182 223 236/var(--tw-bg-opacity))
}

.bg-info-400{
  --tw-bg-opacity:1;
  background-color:rgb(158 212 230/var(--tw-bg-opacity))
}

.bg-info-50{
  --tw-bg-opacity:1;
  background-color:rgb(243 250 252/var(--tw-bg-opacity))
}

.bg-info-500{
  --tw-bg-opacity:1;
  background-color:rgb(121 196 220/var(--tw-bg-opacity))
}

.bg-info-600{
  --tw-bg-opacity:1;
  background-color:rgb(52 164 202/var(--tw-bg-opacity))
}

.bg-info-700{
  --tw-bg-opacity:1;
  background-color:rgb(43 137 168/var(--tw-bg-opacity))
}

.bg-info-800{
  --tw-bg-opacity:1;
  background-color:rgb(35 109 134/var(--tw-bg-opacity))
}

.bg-info-900{
  --tw-bg-opacity:1;
  background-color:rgb(26 82 101/var(--tw-bg-opacity))
}

.bg-neutral-100{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-neutral-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229/var(--tw-bg-opacity))
}

.bg-neutral-300{
  --tw-bg-opacity:1;
  background-color:rgb(212 212 212/var(--tw-bg-opacity))
}

.bg-neutral-400{
  --tw-bg-opacity:1;
  background-color:rgb(163 163 163/var(--tw-bg-opacity))
}

.bg-neutral-50{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-neutral-800{
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38/var(--tw-bg-opacity))
}

.bg-neutral-900{
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))
}

.bg-pink-500{
  --tw-bg-opacity:1;
  background-color:rgb(236 72 153/var(--tw-bg-opacity))
}

.bg-pink-700{
  --tw-bg-opacity:1;
  background-color:rgb(190 24 93/var(--tw-bg-opacity))
}

.bg-primary{
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity))
}

.bg-primary-100{
  --tw-bg-opacity:1;
  background-color:rgb(227 235 247/var(--tw-bg-opacity))
}

.bg-primary-200{
  --tw-bg-opacity:1;
  background-color:rgb(199 215 240/var(--tw-bg-opacity))
}

.bg-primary-300{
  --tw-bg-opacity:1;
  background-color:rgb(171 194 232/var(--tw-bg-opacity))
}

.bg-primary-400{
  --tw-bg-opacity:1;
  background-color:rgb(143 174 224/var(--tw-bg-opacity))
}

.bg-primary-50{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 251/var(--tw-bg-opacity))
}

.bg-primary-500{
  --tw-bg-opacity:1;
  background-color:rgb(101 144 213/var(--tw-bg-opacity))
}

.bg-primary-600{
  --tw-bg-opacity:1;
  background-color:rgb(48 97 175/var(--tw-bg-opacity))
}

.bg-primary-700{
  --tw-bg-opacity:1;
  background-color:rgb(40 81 146/var(--tw-bg-opacity))
}

.bg-primary-800{
  --tw-bg-opacity:1;
  background-color:rgb(32 64 117/var(--tw-bg-opacity))
}

.bg-primary-900{
  --tw-bg-opacity:1;
  background-color:rgb(24 48 88/var(--tw-bg-opacity))
}

.bg-purple-700{
  --tw-bg-opacity:1;
  background-color:rgb(126 34 206/var(--tw-bg-opacity))
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-red-700{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28/var(--tw-bg-opacity))
}

.bg-secondary{
  --tw-bg-opacity:1;
  background-color:rgb(159 166 178/var(--tw-bg-opacity))
}

.bg-secondary-100{
  --tw-bg-opacity:1;
  background-color:rgb(241 242 244/var(--tw-bg-opacity))
}

.bg-secondary-200{
  --tw-bg-opacity:1;
  background-color:rgb(228 230 233/var(--tw-bg-opacity))
}

.bg-secondary-300{
  --tw-bg-opacity:1;
  background-color:rgb(214 217 222/var(--tw-bg-opacity))
}

.bg-secondary-400{
  --tw-bg-opacity:1;
  background-color:rgb(200 204 211/var(--tw-bg-opacity))
}

.bg-secondary-50{
  --tw-bg-opacity:1;
  background-color:rgb(248 249 249/var(--tw-bg-opacity))
}

.bg-secondary-500{
  --tw-bg-opacity:1;
  background-color:rgb(179 185 194/var(--tw-bg-opacity))
}

.bg-secondary-600{
  --tw-bg-opacity:1;
  background-color:rgb(132 141 156/var(--tw-bg-opacity))
}

.bg-secondary-700{
  --tw-bg-opacity:1;
  background-color:rgb(107 117 133/var(--tw-bg-opacity))
}

.bg-secondary-800{
  --tw-bg-opacity:1;
  background-color:rgb(86 93 107/var(--tw-bg-opacity))
}

.bg-secondary-900{
  --tw-bg-opacity:1;
  background-color:rgb(64 70 80/var(--tw-bg-opacity))
}

.bg-sky-100{
  --tw-bg-opacity:1;
  background-color:rgb(224 242 254/var(--tw-bg-opacity))
}

.bg-sky-400{
  --tw-bg-opacity:1;
  background-color:rgb(56 189 248/var(--tw-bg-opacity))
}

.bg-sky-500{
  --tw-bg-opacity:1;
  background-color:rgb(14 165 233/var(--tw-bg-opacity))
}

.bg-success{
  --tw-bg-opacity:1;
  background-color:rgb(20 164 77/var(--tw-bg-opacity))
}

.bg-success-100{
  --tw-bg-opacity:1;
  background-color:rgb(214 250 228/var(--tw-bg-opacity))
}

.bg-success-200{
  --tw-bg-opacity:1;
  background-color:rgb(172 245 201/var(--tw-bg-opacity))
}

.bg-success-300{
  --tw-bg-opacity:1;
  background-color:rgb(131 240 174/var(--tw-bg-opacity))
}

.bg-success-400{
  --tw-bg-opacity:1;
  background-color:rgb(89 234 147/var(--tw-bg-opacity))
}

.bg-success-50{
  --tw-bg-opacity:1;
  background-color:rgb(234 252 242/var(--tw-bg-opacity))
}

.bg-success-500{
  --tw-bg-opacity:1;
  background-color:rgb(28 226 107/var(--tw-bg-opacity))
}

.bg-success-600{
  --tw-bg-opacity:1;
  background-color:rgb(17 140 66/var(--tw-bg-opacity))
}

.bg-success-700{
  --tw-bg-opacity:1;
  background-color:rgb(14 117 55/var(--tw-bg-opacity))
}

.bg-success-800{
  --tw-bg-opacity:1;
  background-color:rgb(12 93 44/var(--tw-bg-opacity))
}

.bg-success-900{
  --tw-bg-opacity:1;
  background-color:rgb(9 70 33/var(--tw-bg-opacity))
}

.bg-teal-500{
  --tw-bg-opacity:1;
  background-color:rgb(20 184 166/var(--tw-bg-opacity))
}

.bg-teal-950\/70{
  background-color:#042f2eb3
}

.bg-transparent{
  background-color:initial
}

.bg-warning{
  --tw-bg-opacity:1;
  background-color:rgb(228 161 27/var(--tw-bg-opacity))
}

.bg-warning-100{
  --tw-bg-opacity:1;
  background-color:rgb(251 242 222/var(--tw-bg-opacity))
}

.bg-warning-200{
  --tw-bg-opacity:1;
  background-color:rgb(247 228 190/var(--tw-bg-opacity))
}

.bg-warning-300{
  --tw-bg-opacity:1;
  background-color:rgb(244 215 157/var(--tw-bg-opacity))
}

.bg-warning-400{
  --tw-bg-opacity:1;
  background-color:rgb(240 201 125/var(--tw-bg-opacity))
}

.bg-warning-50{
  --tw-bg-opacity:1;
  background-color:rgb(253 248 239/var(--tw-bg-opacity))
}

.bg-warning-500{
  --tw-bg-opacity:1;
  background-color:rgb(234 181 76/var(--tw-bg-opacity))
}

.bg-warning-600{
  --tw-bg-opacity:1;
  background-color:rgb(196 138 23/var(--tw-bg-opacity))
}

.bg-warning-700{
  --tw-bg-opacity:1;
  background-color:rgb(163 115 19/var(--tw-bg-opacity))
}

.bg-warning-800{
  --tw-bg-opacity:1;
  background-color:rgb(130 92 15/var(--tw-bg-opacity))
}

.bg-warning-900{
  --tw-bg-opacity:1;
  background-color:rgb(98 69 11/var(--tw-bg-opacity))
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-yellow-300{
  --tw-bg-opacity:1;
  background-color:rgb(253 224 71/var(--tw-bg-opacity))
}

.bg-yellow-500{
  --tw-bg-opacity:1;
  background-color:rgb(234 179 8/var(--tw-bg-opacity))
}

.bg-zinc-100{
  --tw-bg-opacity:1;
  background-color:rgb(244 244 245/var(--tw-bg-opacity))
}

.bg-zinc-200{
  --tw-bg-opacity:1;
  background-color:rgb(228 228 231/var(--tw-bg-opacity))
}

.bg-zinc-50{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-zinc-50\/20{
  background-color:#fafafa33
}

.bg-\[url\(\'https\:\/\/tecdn\.b-cdn\.net\/img\/Photos\/Inne\/ostia\.jpg\'\)\]{
  background-image:url(https://tecdn.b-cdn.net/img/Photos/Inne/ostia.jpg)
}

.bg-\[url\(\'https\:\/\/tecdn\.b-cdn\.net\/img\/new\/slides\/041\.webp\'\)\]{
  background-image:url(https://tecdn.b-cdn.net/img/new/slides/041.webp)
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.bg-gradient-to-tr{
  background-image:linear-gradient(to top right,var(--tw-gradient-stops))
}

.bg-none{
  background-image:none
}

.from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to:#06b6d400 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-indigo-500{
  --tw-gradient-from:#6366f1 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to:#6366f100 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-transparent{
  --tw-gradient-from:#0000 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to:#0000 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.via-neutral-500{
  --tw-gradient-via-position: ;
  --tw-gradient-to:#73737300 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops:var(--tw-gradient-from),#737373 var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.via-purple-500{
  --tw-gradient-via-position: ;
  --tw-gradient-to:#a855f700 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.to-pink-500{
  --tw-gradient-to:#ec4899 var(--tw-gradient-to-position);
  --tw-gradient-to-position: 
}

.to-transparent{
  --tw-gradient-to:#0000 var(--tw-gradient-to-position);
  --tw-gradient-to-position: 
}

.to-violet-500{
  --tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position);
  --tw-gradient-to-position: 
}

.bg-contain{
  background-size:contain
}

.bg-cover{
  background-size:cover
}

.bg-fixed{
  background-attachment:fixed
}

.bg-clip-padding{
  background-clip:padding-box
}

.bg-\[50\%\],.bg-center{
  background-position:50%
}

.bg-no-repeat{
  background-repeat:no-repeat
}

.fill-primary{
  fill:#3b71ca
}

.fill-white{
  fill:#fff
}

.object-cover{
  -o-object-fit:cover;
  object-fit:cover
}

.\!p-0{
  padding:0!important
}

.p-0{
  padding:0
}

.p-0\.5{
  padding:.125rem
}

.p-1{
  padding:.25rem
}

.p-10{
  padding:2.5rem
}

.p-12{
  padding:3rem
}

.p-2{
  padding:.5rem
}

.p-2\.5{
  padding:.625rem
}

.p-3{
  padding:.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.px-0{
  padding-left:0;
  padding-right:0
}

.px-1{
  padding-left:.25rem;
  padding-right:.25rem
}

.px-1\.5{
  padding-left:.375rem;
  padding-right:.375rem
}

.px-10{
  padding-left:2.5rem;
  padding-right:2.5rem
}

.px-14{
  padding-left:3.5rem;
  padding-right:3.5rem
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-2\.5{
  padding-left:.625rem;
  padding-right:.625rem
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-7{
  padding-left:1.75rem;
  padding-right:1.75rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.px-\[0\.35em\]{
  padding-left:.35em;
  padding-right:.35em
}

.px-\[0\.4rem\]{
  padding-left:.4rem;
  padding-right:.4rem
}

.px-\[0\.50em\]{
  padding-left:.5em;
  padding-right:.5em
}

.px-\[0\.65em\]{
  padding-left:.65em;
  padding-right:.65em
}

.px-\[0\.85em\]{
  padding-left:.85em;
  padding-right:.85em
}

.px-\[5px\]{
  padding-left:5px;
  padding-right:5px
}

.py-1{
  padding-top:.25rem;
  padding-bottom:.25rem
}

.py-1\.5{
  padding-top:.375rem;
  padding-bottom:.375rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.py-2\.5{
  padding-top:.625rem;
  padding-bottom:.625rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.py-24{
  padding-top:6rem;
  padding-bottom:6rem
}

.py-3{
  padding-top:.75rem;
  padding-bottom:.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.py-\[0\.15em\]{
  padding-top:.15em;
  padding-bottom:.15em
}

.py-\[0\.17rem\]{
  padding-top:.17rem;
  padding-bottom:.17rem
}

.py-\[0\.25em\]{
  padding-top:.25em;
  padding-bottom:.25em
}

.py-\[0\.25rem\]{
  padding-top:.25rem;
  padding-bottom:.25rem
}

.py-\[0\.32rem\]{
  padding-top:.32rem;
  padding-bottom:.32rem
}

.py-\[0\.33rem\]{
  padding-top:.33rem;
  padding-bottom:.33rem
}

.py-\[0\.35em\]{
  padding-top:.35em;
  padding-bottom:.35em
}

.py-\[0\.45rem\]{
  padding-top:.45rem;
  padding-bottom:.45rem
}

.py-\[0\.4rem\]{
  padding-top:.4rem;
  padding-bottom:.4rem
}

.py-\[0\.6em\]{
  padding-top:.6em;
  padding-bottom:.6em
}

.pb-1{
  padding-bottom:.25rem
}

.pb-2{
  padding-bottom:.5rem
}

.pb-2\.5{
  padding-bottom:.625rem
}

.pb-3{
  padding-bottom:.75rem
}

.pb-3\.5{
  padding-bottom:.875rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-5{
  padding-bottom:1.25rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pb-\[0\.25em\]{
  padding-bottom:.25em
}

.pb-\[3px\]{
  padding-bottom:3px
}

.pb-\[5px\]{
  padding-bottom:5px
}

.pb-\[6px\]{
  padding-bottom:6px
}

.pe-2{
  padding-inline-end:.5rem
}

.pe-6{
  padding-inline-end:1.5rem
}

.ps-0{
  padding-inline-start:0
}

.ps-1{
  padding-inline-start:.25rem
}

.ps-2{
  padding-inline-start:.5rem
}

.ps-3{
  padding-inline-start:.75rem
}

.ps-4{
  padding-inline-start:1rem
}

.ps-\[0\.15rem\]{
  padding-inline-start:.15rem
}

.ps-\[1\.5rem\]{
  padding-inline-start:1.5rem
}

.pt-1{
  padding-top:.25rem
}

.pt-2{
  padding-top:.5rem
}

.pt-2\.5{
  padding-top:.625rem
}

.pt-3{
  padding-top:.75rem
}

.pt-4{
  padding-top:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-9{
  padding-top:2.25rem
}

.pt-\[0\.15rem\]{
  padding-top:.15rem
}

.pt-\[0\.35em\]{
  padding-top:.35em
}

.pt-\[0\.37rem\]{
  padding-top:.37rem
}

.pt-\[4px\]{
  padding-top:4px
}

.pt-\[6px\]{
  padding-top:6px
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-start{
  text-align:start
}

.-indent-\[999px\]{
  text-indent:-999px
}

.align-baseline{
  vertical-align:initial
}

.align-top{
  vertical-align:top
}

.align-middle{
  vertical-align:middle
}

.align-bottom{
  vertical-align:bottom
}

.align-\[-0\.125em\]{
  vertical-align:-.125em
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-5xl{
  font-size:3rem;
  line-height:1
}

.text-6xl{
  font-size:3.75rem;
  line-height:1
}

.text-7xl{
  font-size:4.5rem;
  line-height:1
}

.text-8xl{
  font-size:6rem;
  line-height:1
}

.text-9xl{
  font-size:8rem;
  line-height:1
}

.text-\[0\.6rem\]{
  font-size:.6rem
}

.text-\[0\.75em\]{
  font-size:.75em
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-light{
  font-weight:300
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.lowercase{
  text-transform:lowercase
}

.capitalize{
  text-transform:capitalize
}

.normal-case{
  text-transform:none
}

.italic{
  font-style:italic
}

.not-italic{
  font-style:normal
}

.leading-5{
  line-height:1.25rem
}

.leading-6{
  line-height:1.5rem
}

.leading-\[1\.5\]{
  line-height:1.5
}

.leading-\[1\.6\]{
  line-height:1.6
}

.leading-\[11px\]{
  line-height:11px
}

.leading-\[2\.15\]{
  line-height:2.15
}

.leading-\[3rem\]{
  line-height:3rem
}

.leading-loose{
  line-height:2
}

.leading-none{
  line-height:1
}

.leading-normal{
  line-height:1.5
}

.leading-relaxed{
  line-height:1.625
}

.leading-snug{
  line-height:1.375
}

.leading-tight{
  line-height:1.25
}

.tracking-normal{
  letter-spacing:0
}

.tracking-wider{
  letter-spacing:.05em
}

.\!text-primary{
  --tw-text-opacity:1!important;
  color:rgb(59 113 202/var(--tw-text-opacity))!important
}

.text-\[\#332d2d\]{
  --tw-text-opacity:1;
  color:rgb(51 45 45/var(--tw-text-opacity))
}

.text-\[\#4b5563\]{
  --tw-text-opacity:1;
  color:rgb(75 85 99/var(--tw-text-opacity))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0/var(--tw-text-opacity))
}

.text-black\/30{
  color:#0000004d
}

.text-black\/50{
  color:#00000080
}

.text-black\/60{
  color:#0009
}

.text-current{
  color:currentColor
}

.text-danger{
  --tw-text-opacity:1;
  color:rgb(220 76 100/var(--tw-text-opacity))
}

.text-danger-600{
  --tw-text-opacity:1;
  color:rgb(212 42 70/var(--tw-text-opacity))
}

.text-danger-700{
  --tw-text-opacity:1;
  color:rgb(176 35 58/var(--tw-text-opacity))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39/var(--tw-text-opacity))
}

.text-green-500{
  --tw-text-opacity:1;
  color:rgb(34 197 94/var(--tw-text-opacity))
}

.text-green-800{
  --tw-text-opacity:1;
  color:rgb(22 101 52/var(--tw-text-opacity))
}

.text-indigo-600{
  --tw-text-opacity:1;
  color:rgb(79 70 229/var(--tw-text-opacity))
}

.text-info{
  --tw-text-opacity:1;
  color:rgb(84 180 211/var(--tw-text-opacity))
}

.text-info-600{
  --tw-text-opacity:1;
  color:rgb(52 164 202/var(--tw-text-opacity))
}

.text-info-700{
  --tw-text-opacity:1;
  color:rgb(43 137 168/var(--tw-text-opacity))
}

.text-info-800{
  --tw-text-opacity:1;
  color:rgb(35 109 134/var(--tw-text-opacity))
}

.text-neutral-100{
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity))
}

.text-neutral-200{
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

.text-neutral-300{
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

.text-neutral-400{
  --tw-text-opacity:1;
  color:rgb(163 163 163/var(--tw-text-opacity))
}

.text-neutral-50{
  --tw-text-opacity:1;
  color:rgb(250 250 250/var(--tw-text-opacity))
}

.text-neutral-500{
  --tw-text-opacity:1;
  color:rgb(115 115 115/var(--tw-text-opacity))
}

.text-neutral-600{
  --tw-text-opacity:1;
  color:rgb(82 82 82/var(--tw-text-opacity))
}

.text-neutral-700{
  --tw-text-opacity:1;
  color:rgb(64 64 64/var(--tw-text-opacity))
}

.text-neutral-800{
  --tw-text-opacity:1;
  color:rgb(38 38 38/var(--tw-text-opacity))
}

.text-neutral-900{
  --tw-text-opacity:1;
  color:rgb(23 23 23/var(--tw-text-opacity))
}

.text-primary{
  --tw-text-opacity:1;
  color:rgb(59 113 202/var(--tw-text-opacity))
}

.text-primary-100{
  --tw-text-opacity:1;
  color:rgb(227 235 247/var(--tw-text-opacity))
}

.text-primary-400{
  --tw-text-opacity:1;
  color:rgb(143 174 224/var(--tw-text-opacity))
}

.text-primary-700{
  --tw-text-opacity:1;
  color:rgb(40 81 146/var(--tw-text-opacity))
}

.text-purple-600{
  --tw-text-opacity:1;
  color:rgb(147 51 234/var(--tw-text-opacity))
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38/var(--tw-text-opacity))
}

.text-secondary{
  --tw-text-opacity:1;
  color:rgb(159 166 178/var(--tw-text-opacity))
}

.text-secondary-500{
  --tw-text-opacity:1;
  color:rgb(179 185 194/var(--tw-text-opacity))
}

.text-secondary-600{
  --tw-text-opacity:1;
  color:rgb(132 141 156/var(--tw-text-opacity))
}

.text-secondary-800{
  --tw-text-opacity:1;
  color:rgb(86 93 107/var(--tw-text-opacity))
}

.text-success{
  --tw-text-opacity:1;
  color:rgb(20 164 77/var(--tw-text-opacity))
}

.text-success-600{
  --tw-text-opacity:1;
  color:rgb(17 140 66/var(--tw-text-opacity))
}

.text-success-700{
  --tw-text-opacity:1;
  color:rgb(14 117 55/var(--tw-text-opacity))
}

.text-surface{
  --tw-text-opacity:1;
  color:rgb(79 79 79/var(--tw-text-opacity))
}

.text-surface\/40{
  color:#4f4f4f66
}

.text-surface\/50{
  color:#4f4f4f80
}

.text-surface\/75{
  color:#4f4f4fbf
}

.text-warning{
  --tw-text-opacity:1;
  color:rgb(228 161 27/var(--tw-text-opacity))
}

.text-warning-600{
  --tw-text-opacity:1;
  color:rgb(196 138 23/var(--tw-text-opacity))
}

.text-warning-700{
  --tw-text-opacity:1;
  color:rgb(163 115 19/var(--tw-text-opacity))
}

.text-warning-800{
  --tw-text-opacity:1;
  color:rgb(130 92 15/var(--tw-text-opacity))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.text-yellow-500{
  --tw-text-opacity:1;
  color:rgb(234 179 8/var(--tw-text-opacity))
}

.text-zinc-100{
  --tw-text-opacity:1;
  color:rgb(244 244 245/var(--tw-text-opacity))
}

.text-zinc-600{
  --tw-text-opacity:1;
  color:rgb(82 82 91/var(--tw-text-opacity))
}

.underline{
  text-decoration-line:underline
}

.no-underline{
  text-decoration-line:none
}

.decoration-inherit{
  text-decoration-color:inherit
}

.decoration-transparent{
  text-decoration-color:#0000
}

.underline-offset-auto{
  text-underline-offset:auto
}

.\!opacity-0{
  opacity:0!important
}

.\!opacity-100{
  opacity:1!important
}

.opacity-0{
  opacity:0
}

.opacity-10{
  opacity:.1
}

.opacity-100{
  opacity:1
}

.opacity-25{
  opacity:.25
}

.opacity-30{
  opacity:.3
}

.opacity-40{
  opacity:.4
}

.opacity-50{
  opacity:.5
}

.opacity-60{
  opacity:.6
}

.opacity-70{
  opacity:.7
}

.opacity-80{
  opacity:.8
}

.opacity-90{
  opacity:.9
}

.shadow{
  --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-1{
  --tw-shadow:0 0 2px 0 #00000012,0 1px 1px 0 #0000000a;
  --tw-shadow-colored:0 0 2px 0 var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color)
}

.shadow-1,.shadow-1-strong{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-1-strong{
  --tw-shadow:0 0 2px 0 #00000029,0 1px 1px 0 #0000001a;
  --tw-shadow-colored:0 0 2px 0 var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color)
}

.shadow-2{
  --tw-shadow:0 0 3px 0 #00000012,0 2px 2px 0 #0000000a;
  --tw-shadow-colored:0 0 3px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color)
}

.shadow-2,.shadow-2-strong{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-2-strong{
  --tw-shadow:0 0 3px 0 #00000029,0 2px 2px 0 #0000001a;
  --tw-shadow-colored:0 0 3px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color)
}

.shadow-2xl{
  --tw-shadow:0 25px 50px -12px #00000040;
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-3{
  --tw-shadow:0 2px 6px -1px #00000012,0 6px 18px -1px #0000000a;
  --tw-shadow-colored:0 2px 6px -1px var(--tw-shadow-color),0 6px 18px -1px var(--tw-shadow-color)
}

.shadow-3,.shadow-3-strong{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-3-strong{
  --tw-shadow:0 2px 6px -1px #00000029,0 6px 18px -1px #0000001a;
  --tw-shadow-colored:0 2px 6px -1px var(--tw-shadow-color),0 6px 18px -1px var(--tw-shadow-color)
}

.shadow-4{
  --tw-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a;
  --tw-shadow-colored:0 2px 15px -3px var(--tw-shadow-color),0 10px 20px -2px var(--tw-shadow-color)
}

.shadow-4,.shadow-4-strong{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-4-strong{
  --tw-shadow:0 2px 15px -3px #00000029,0 10px 20px -2px #0000001a;
  --tw-shadow-colored:0 2px 15px -3px var(--tw-shadow-color),0 10px 20px -2px var(--tw-shadow-color)
}

.shadow-5{
  --tw-shadow:0 2px 25px -5px #00000012,0 25px 21px -5px #0000000a;
  --tw-shadow-colored:0 2px 25px -5px var(--tw-shadow-color),0 25px 21px -5px var(--tw-shadow-color)
}

.shadow-5,.shadow-5-strong{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-5-strong{
  --tw-shadow:0 2px 25px -5px #00000029,0 25px 21px -5px #0000001a;
  --tw-shadow-colored:0 2px 25px -5px var(--tw-shadow-color),0 25px 21px -5px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#14a44d\]{
  --tw-shadow:0 4px 9px -4px #14a44d;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#14a44d\],.shadow-\[0_4px_9px_-4px_\#332d2d\]{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_4px_9px_-4px_\#332d2d\]{
  --tw-shadow:0 4px 9px -4px #332d2d;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#3b71ca\]{
  --tw-shadow:0 4px 9px -4px #3b71ca;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#3b71ca\],.shadow-\[0_4px_9px_-4px_\#54b4d3\]{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_4px_9px_-4px_\#54b4d3\]{
  --tw-shadow:0 4px 9px -4px #54b4d3;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#dc4c64\]{
  --tw-shadow:0 4px 9px -4px #dc4c64;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#dc4c64\],.shadow-\[0_4px_9px_-4px_\#e4a11b\]{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_4px_9px_-4px_\#e4a11b\]{
  --tw-shadow:0 4px 9px -4px #e4a11b;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#fbfbfb\]{
  --tw-shadow:0 4px 9px -4px #fbfbfb;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-\[0_4px_9px_-4px_\#fbfbfb\],.shadow-danger-3{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-danger-3{
  --tw-shadow:0 4px 9px -4px #dc4c64;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-dark-3{
  --tw-shadow:0 4px 9px -4px #332d2db3;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-dark-3,.shadow-dark-mild{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-dark-mild{
  --tw-shadow:0 4px 12px 0 #00000012,0 2px 4px #0000000d;
  --tw-shadow-colored:0 4px 12px 0 var(--tw-shadow-color),0 2px 4px var(--tw-shadow-color)
}

.shadow-info-3{
  --tw-shadow:0 4px 9px -4px #54b4d3;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-info-3,.shadow-lg{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-light-3{
  --tw-shadow:0 4px 9px -4px #cbcbcb;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-light-3,.shadow-md{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md{
  --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000
}

.shadow-none,.shadow-primary-3{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-primary-3{
  --tw-shadow:0 4px 9px -4px #3b71ca;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-secondary-1{
  --tw-shadow:0 2px 15px -3px #0000000a,0 10px 20px -2px #00000012;
  --tw-shadow-colored:0 2px 15px -3px var(--tw-shadow-color),0 10px 20px -2px var(--tw-shadow-color)
}

.shadow-secondary-1,.shadow-sm{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 #0000000d;
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-success-3{
  --tw-shadow:0 4px 9px -4px #14a44d;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color)
}

.shadow-success-3,.shadow-twe-inner{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-twe-inner{
  --tw-shadow:inset 0 2px 4px 0 #0000000d;
  --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)
}

.shadow-warning-3{
  --tw-shadow:0 4px 9px -4px #e4a11b;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-black\/10{
  --tw-shadow-color:#0000001a;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-black\/20{
  --tw-shadow-color:#0003;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-black\/30{
  --tw-shadow-color:#0000004d;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-black\/5{
  --tw-shadow-color:#0000000d;
  --tw-shadow:var(--tw-shadow-colored)
}

.outline-none{
  outline:2px solid #0000;
  outline-offset:2px
}

.outline{
  outline-style:solid
}

.blur{
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\!filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-\[height\]{
  transition-property:height;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-\[opacity\2c _transform\]{
  transition-property:opacity,transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-\[transform\2c _opacity\]{
  transition-property:transform,opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-\[width\]{
  transition-property:width;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-shadow{
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.duration-150,.transition-transform{
  transition-duration:.15s
}

.duration-200{
  transition-duration:.2s
}

.duration-300{
  transition-duration:.3s
}

.duration-500{
  transition-duration:.5s
}

.duration-\[350ms\]{
  transition-duration:.35s
}

.duration-\[600ms\]{
  transition-duration:.6s
}

.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\]{
  transition-timing-function:cubic-bezier(0,0,.15,1),cubic-bezier(0,0,.15,1)
}

.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\]{
  transition-timing-function:ease
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.ease-linear{
  transition-timing-function:linear
}

.ease-out{
  transition-timing-function:cubic-bezier(0,0,.2,1)
}

.content-\[\'\'\]{
  --tw-content:"";
  content:var(--tw-content)
}

.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\]{
  clip:rect(0,0,0,0)!important
}

.\[background-position\:-0px_-1742px_\!important\]{
  background-position:0 -1742px!important
}

.\[background-position\:-36px_-26px_\!important\]{
  background-position:-36px -26px!important
}

.\[background-position\:-36px_-910px_\!important\]{
  background-position:-36px -910px!important
}

.\[background-position\:-72px_-572px_\!important\]{
  background-position:-72px -572px!important
}

.\[background-position\:-72px_-702px_\!important\]{
  background-position:-72px -702px!important
}

.\[background-position\:-72px_-884px_\!important\]{
  background-position:-72px -884px!important
}

.\[background-position\:0px_-1196px_\!important\]{
  background-position:0 -1196px!important
}

.\[background-position\:0px_-1430px_\!important\]{
  background-position:0 -1430px!important
}

.\[background-position\:0px_-1976px_\!important\]{
  background-position:0 -1976px!important
}

.\[background\:url\(https\:\/\/tecdn\.b-cdn\.net\/img\/svg\/flags\.png\)_no-repeat_-108px_-1976px\]{
  background:url(https://tecdn.b-cdn.net/img/svg/flags.png) no-repeat -108px -1976px
}

.\[clip\:rect\(0\2c 0\2c 0\2c 0\)\]{
  clip:rect(0,0,0,0)
}

.\[mask-size\:200\%_100\%\]{
  -webkit-mask-size:200% 100%;
  mask-size:200% 100%
}

.\[overflow-anchor\:none\]{
  overflow-anchor:none
}

p{
  line-height:1.6
}

.file\:-mx-3::file-selector-button{
  margin-left:-.75rem;
  margin-right:-.75rem
}

.file\:-my-\[0\.32rem\]::file-selector-button{
  margin-top:-.32rem;
  margin-bottom:-.32rem
}

.file\:me-3::file-selector-button{
  margin-inline-end:.75rem
}

.file\:cursor-pointer::file-selector-button{
  cursor:pointer
}

.file\:overflow-hidden::file-selector-button{
  overflow:hidden
}

.file\:rounded-none::file-selector-button{
  border-radius:0
}

.file\:border-0::file-selector-button{
  border-width:0
}

.file\:border-e::file-selector-button{
  border-inline-end-width:1px
}

.file\:border-solid::file-selector-button{
  border-style:solid
}

.file\:border-inherit::file-selector-button{
  border-color:inherit
}

.file\:bg-transparent::file-selector-button{
  background-color:initial
}

.file\:px-3::file-selector-button{
  padding-left:.75rem;
  padding-right:.75rem
}

.file\:py-\[0\.32rem\]::file-selector-button{
  padding-top:.32rem;
  padding-bottom:.32rem
}

.file\:text-surface::file-selector-button{
  --tw-text-opacity:1;
  color:rgb(79 79 79/var(--tw-text-opacity))
}

.file\:text-surface\/50::file-selector-button{
  color:#4f4f4f80
}

.placeholder\:text-neutral-500::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(115 115 115/var(--tw-text-opacity))
}

.placeholder\:text-neutral-500::placeholder{
  --tw-text-opacity:1;
  color:rgb(115 115 115/var(--tw-text-opacity))
}

.placeholder\:text-transparent::-moz-placeholder{
  color:#0000
}

.placeholder\:text-transparent::placeholder{
  color:#0000
}

.before\:pointer-events-none:before{
  content:var(--tw-content);
  pointer-events:none
}

.before\:absolute:before{
  content:var(--tw-content);
  position:absolute
}

.before\:mt-0:before{
  content:var(--tw-content);
  margin-top:0
}

.before\:mt-0\.5:before{
  content:var(--tw-content);
  margin-top:.125rem
}

.before\:inline-block:before{
  content:var(--tw-content);
  display:inline-block
}

.before\:h-3:before{
  content:var(--tw-content);
  height:.75rem
}

.before\:h-3\.5:before{
  content:var(--tw-content);
  height:.875rem
}

.before\:h-4:before{
  content:var(--tw-content);
  height:1rem
}

.before\:h-\[0\.875rem\]:before{
  content:var(--tw-content);
  height:.875rem
}

.before\:w-3:before{
  content:var(--tw-content);
  width:.75rem
}

.before\:w-3\.5:before{
  content:var(--tw-content);
  width:.875rem
}

.before\:w-4:before{
  content:var(--tw-content);
  width:1rem
}

.before\:w-\[0\.875rem\]:before{
  content:var(--tw-content);
  width:.875rem
}

.before\:flex-1:before{
  content:var(--tw-content);
  flex:1 1 0%
}

.before\:scale-0:before{
  content:var(--tw-content);
  --tw-scale-x:0;
  --tw-scale-y:0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:rounded-full:before{
  content:var(--tw-content);
  border-radius:9999px
}

.before\:border-t:before{
  content:var(--tw-content);
  border-top-width:1px
}

.before\:border-neutral-300:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(212 212 212/var(--tw-border-opacity))
}

.before\:bg-transparent:before{
  content:var(--tw-content);
  background-color:initial
}

.before\:opacity-0:before{
  content:var(--tw-content);
  opacity:0
}

.before\:shadow-checkbox:before{
  content:var(--tw-content);
  --tw-shadow:0 0 0 13px #3b71ca;
  --tw-shadow-colored:0 0 0 13px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.before\:shadow-transparent:before{
  content:var(--tw-content);
  --tw-shadow-color:#0000;
  --tw-shadow:var(--tw-shadow-colored)
}

.before\:content-\[\'\'\]:before{
  --tw-content:"";
  content:var(--tw-content)
}

.after\:absolute:after{
  content:var(--tw-content);
  position:absolute
}

.after\:z-\[1\]:after{
  content:var(--tw-content);
  z-index:1
}

.after\:z-\[2\]:after{
  content:var(--tw-content);
  z-index:2
}

.after\:clear-both:after{
  content:var(--tw-content);
  clear:both
}

.after\:-mt-\[0\.1875rem\]:after{
  content:var(--tw-content);
  margin-top:-.1875rem
}

.after\:mt-0:after{
  content:var(--tw-content);
  margin-top:0
}

.after\:mt-0\.5:after{
  content:var(--tw-content);
  margin-top:.125rem
}

.after\:block:after{
  content:var(--tw-content);
  display:block
}

.after\:h-4:after{
  content:var(--tw-content);
  height:1rem
}

.after\:h-5:after{
  content:var(--tw-content);
  height:1.25rem
}

.after\:w-4:after{
  content:var(--tw-content);
  width:1rem
}

.after\:w-5:after{
  content:var(--tw-content);
  width:1.25rem
}

.after\:flex-1:after{
  content:var(--tw-content);
  flex:1 1 0%
}

.after\:rounded-full:after{
  content:var(--tw-content);
  border-radius:9999px
}

.after\:border-t:after{
  content:var(--tw-content);
  border-top-width:1px
}

.after\:border-none:after{
  content:var(--tw-content);
  border-style:none
}

.after\:border-neutral-300:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(212 212 212/var(--tw-border-opacity))
}

.after\:bg-white:after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.after\:shadow-switch-2:after{
  content:var(--tw-content);
  --tw-shadow:0 0px 3px 0 #00000012,0 2px 2px 0 #0000000a;
  --tw-shadow-colored:0 0px 3px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.after\:transition-\[background-color_0\.2s\2c transform_0\.2s\]:after{
  content:var(--tw-content);
  transition-property:background-color .2s,transform .2s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.after\:content-\[\'\'\]:after{
  --tw-content:"";
  content:var(--tw-content)
}

.checked\:border-primary:checked{
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.checked\:bg-primary:checked{
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity))
}

.checked\:before\:opacity-\[0\.16\]:checked:before{
  content:var(--tw-content);
  opacity:.16
}

.checked\:after\:absolute:checked:after{
  content:var(--tw-content);
  position:absolute
}

.checked\:after\:left-1\/2:checked:after{
  content:var(--tw-content);
  left:50%
}

.checked\:after\:top-1\/2:checked:after{
  content:var(--tw-content);
  top:50%
}

.checked\:after\:z-\[2\]:checked:after{
  content:var(--tw-content);
  z-index:2
}

.checked\:after\:-mt-\[3px\]:checked:after{
  content:var(--tw-content);
  margin-top:-3px
}

.checked\:after\:-mt-px:checked:after{
  content:var(--tw-content);
  margin-top:-1px
}

.checked\:after\:ms-\[0\.25rem\]:checked:after{
  content:var(--tw-content);
  margin-inline-start:.25rem
}

.checked\:after\:ms-\[1\.0625rem\]:checked:after{
  content:var(--tw-content);
  margin-inline-start:1.0625rem
}

.checked\:after\:block:checked:after{
  content:var(--tw-content);
  display:block
}

.checked\:after\:h-5:checked:after{
  content:var(--tw-content);
  height:1.25rem
}

.checked\:after\:h-\[0\.625rem\]:checked:after{
  content:var(--tw-content);
  height:.625rem
}

.checked\:after\:h-\[0\.8125rem\]:checked:after{
  content:var(--tw-content);
  height:.8125rem
}

.checked\:after\:w-5:checked:after{
  content:var(--tw-content);
  width:1.25rem
}

.checked\:after\:w-\[0\.375rem\]:checked:after{
  content:var(--tw-content);
  width:.375rem
}

.checked\:after\:w-\[0\.625rem\]:checked:after{
  content:var(--tw-content);
  width:.625rem
}

.checked\:after\:rotate-45:checked:after{
  content:var(--tw-content);
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checked\:after\:rounded-full:checked:after{
  content:var(--tw-content);
  border-radius:9999px
}

.checked\:after\:border-\[0\.125rem\]:checked:after{
  content:var(--tw-content);
  border-width:.125rem
}

.checked\:after\:border-l-0:checked:after{
  content:var(--tw-content);
  border-left-width:0
}

.checked\:after\:border-t-0:checked:after{
  content:var(--tw-content);
  border-top-width:0
}

.checked\:after\:border-solid:checked:after{
  content:var(--tw-content);
  border-style:solid
}

.checked\:after\:border-none:checked:after{
  content:var(--tw-content);
  border-style:none
}

.checked\:after\:border-primary:checked:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.checked\:after\:border-white:checked:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

.checked\:after\:bg-primary:checked:after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity))
}

.checked\:after\:bg-transparent:checked:after{
  content:var(--tw-content);
  background-color:initial
}

.checked\:after\:shadow-switch-1:checked:after{
  content:var(--tw-content);
  --tw-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;
  --tw-shadow-colored:0 3px 1px -2px var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 1px 5px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.checked\:after\:transition-\[background-color_0\.2s\2c transform_0\.2s\]:checked:after{
  content:var(--tw-content);
  transition-property:background-color .2s,transform .2s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.checked\:after\:content-\[\'\'\]:checked:after{
  --tw-content:"";
  content:var(--tw-content)
}

.checked\:after\:\[transform\:translate\(-50\%\2c -50\%\)\]:checked:after{
  content:var(--tw-content);
  transform:translate(-50%,-50%)
}

.indeterminate\:border-primary:indeterminate{
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.indeterminate\:bg-primary:indeterminate{
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity))
}

.indeterminate\:after\:absolute:indeterminate:after{
  content:var(--tw-content);
  position:absolute
}

.indeterminate\:after\:ms-\[0\.2rem\]:indeterminate:after{
  content:var(--tw-content);
  margin-inline-start:.2rem
}

.indeterminate\:after\:mt-\[6px\]:indeterminate:after{
  content:var(--tw-content);
  margin-top:6px
}

.indeterminate\:after\:w-\[0\.5rem\]:indeterminate:after{
  content:var(--tw-content);
  width:.5rem
}

.indeterminate\:after\:border-\[0\.05rem\]:indeterminate:after{
  content:var(--tw-content);
  border-width:.05rem
}

.indeterminate\:after\:border-solid:indeterminate:after{
  content:var(--tw-content);
  border-style:solid
}

.indeterminate\:after\:border-white:indeterminate:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

.autofill\:bg-clip-text:-webkit-autofill{
  -webkit-background-clip:text;
  background-clip:text
}

.autofill\:bg-clip-text:autofill{
  -webkit-background-clip:text;
  background-clip:text
}

.empty\:hidden:empty{
  display:none
}

.hover\:pointer-events-none:hover{
  pointer-events:none
}

.hover\:isolate:hover{
  isolation:isolate
}

.hover\:z-\[2\]:hover{
  z-index:2
}

.hover\:scale-110:hover{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover{
  cursor:pointer
}

.hover\:border-danger-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(212 42 70/var(--tw-border-opacity))
}

.hover\:border-info-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(52 164 202/var(--tw-border-opacity))
}

.hover\:border-neutral-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212/var(--tw-border-opacity))
}

.hover\:border-neutral-800:hover{
  --tw-border-opacity:1;
  border-color:rgb(38 38 38/var(--tw-border-opacity))
}

.hover\:border-primary-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(48 97 175/var(--tw-border-opacity))
}

.hover\:border-primary-accent-200:hover{
  --tw-border-opacity:1;
  border-color:rgb(206 219 238/var(--tw-border-opacity))
}

.hover\:border-primary-accent-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(56 107 192/var(--tw-border-opacity))
}

.hover\:border-success-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(17 140 66/var(--tw-border-opacity))
}

.hover\:border-transparent:hover{
  border-color:#0000
}

.hover\:border-warning-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(196 138 23/var(--tw-border-opacity))
}

.hover\:bg-black:hover{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0/var(--tw-bg-opacity))
}

.hover\:bg-danger-50\/50:hover{
  background-color:#fcf2f480
}

.hover\:bg-danger-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(212 42 70/var(--tw-bg-opacity))
}

.hover\:bg-danger-accent-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 72 95/var(--tw-bg-opacity))
}

.hover\:bg-info-50\/50:hover{
  background-color:#f3fafc80
}

.hover\:bg-info-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(52 164 202/var(--tw-bg-opacity))
}

.hover\:bg-info-accent-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(80 171 200/var(--tw-bg-opacity))
}

.hover\:bg-neutral-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245/var(--tw-bg-opacity))
}

.hover\:bg-neutral-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229/var(--tw-bg-opacity))
}

.hover\:bg-neutral-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(115 115 115/var(--tw-bg-opacity))
}

.hover\:bg-neutral-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity))
}

.hover\:bg-neutral-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38/var(--tw-bg-opacity))
}

.hover\:bg-primary-50\/50:hover{
  background-color:#f1f5fb80
}

.hover\:bg-primary-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(48 97 175/var(--tw-bg-opacity))
}

.hover\:bg-primary-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(40 81 146/var(--tw-bg-opacity))
}

.hover\:bg-primary-accent-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(217 228 243/var(--tw-bg-opacity))
}

.hover\:bg-primary-accent-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(206 219 238/var(--tw-bg-opacity))
}

.hover\:bg-primary-accent-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(56 107 192/var(--tw-bg-opacity))
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28/var(--tw-bg-opacity))
}

.hover\:bg-secondary-50\/50:hover{
  background-color:#f8f9f980
}

.hover\:bg-success-50\/50:hover{
  background-color:#eafcf280
}

.hover\:bg-success-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(17 140 66/var(--tw-bg-opacity))
}

.hover\:bg-success-accent-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(19 156 73/var(--tw-bg-opacity))
}

.hover\:bg-warning-50\/50:hover{
  background-color:#fdf8ef80
}

.hover\:bg-warning-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(196 138 23/var(--tw-bg-opacity))
}

.hover\:bg-warning-accent-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(217 153 26/var(--tw-bg-opacity))
}

.hover\:bg-zinc-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(244 244 245/var(--tw-bg-opacity))
}

.hover\:bg-zinc-200\/60:hover{
  background-color:#e4e4e799
}

.hover\:bg-zinc-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250/var(--tw-bg-opacity))
}

.hover\:bg-opacity-10:hover{
  --tw-bg-opacity:0.1
}

.hover\:bg-opacity-5:hover{
  --tw-bg-opacity:0.05
}

.hover\:text-black:hover{
  --tw-text-opacity:1;
  color:rgb(0 0 0/var(--tw-text-opacity))
}

.hover\:text-black\/80:hover{
  color:#000c
}

.hover\:text-danger-600:hover{
  --tw-text-opacity:1;
  color:rgb(212 42 70/var(--tw-text-opacity))
}

.hover\:text-green-600:hover{
  --tw-text-opacity:1;
  color:rgb(22 163 74/var(--tw-text-opacity))
}

.hover\:text-indigo-900:hover{
  --tw-text-opacity:1;
  color:rgb(49 46 129/var(--tw-text-opacity))
}

.hover\:text-info-600:hover{
  --tw-text-opacity:1;
  color:rgb(52 164 202/var(--tw-text-opacity))
}

.hover\:text-neutral-100:hover{
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity))
}

.hover\:text-neutral-200:hover{
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

.hover\:text-neutral-300:hover{
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

.hover\:text-neutral-700:hover{
  --tw-text-opacity:1;
  color:rgb(64 64 64/var(--tw-text-opacity))
}

.hover\:text-neutral-800:hover{
  --tw-text-opacity:1;
  color:rgb(38 38 38/var(--tw-text-opacity))
}

.hover\:text-neutral-900:hover{
  --tw-text-opacity:1;
  color:rgb(23 23 23/var(--tw-text-opacity))
}

.hover\:text-primary-500:hover{
  --tw-text-opacity:1;
  color:rgb(101 144 213/var(--tw-text-opacity))
}

.hover\:text-primary-600:hover{
  --tw-text-opacity:1;
  color:rgb(48 97 175/var(--tw-text-opacity))
}

.hover\:text-primary-700:hover{
  --tw-text-opacity:1;
  color:rgb(40 81 146/var(--tw-text-opacity))
}

.hover\:text-primary-accent-300:hover{
  --tw-text-opacity:1;
  color:rgb(56 107 192/var(--tw-text-opacity))
}

.hover\:text-purple-700:hover{
  --tw-text-opacity:1;
  color:rgb(126 34 206/var(--tw-text-opacity))
}

.hover\:text-red-700:hover{
  --tw-text-opacity:1;
  color:rgb(185 28 28/var(--tw-text-opacity))
}

.hover\:text-secondary-600\/70:hover{
  color:#848d9cb3
}

.hover\:text-success-600:hover{
  --tw-text-opacity:1;
  color:rgb(17 140 66/var(--tw-text-opacity))
}

.hover\:text-warning-600:hover{
  --tw-text-opacity:1;
  color:rgb(196 138 23/var(--tw-text-opacity))
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:text-yellow-600:hover{
  --tw-text-opacity:1;
  color:rgb(202 138 4/var(--tw-text-opacity))
}

.hover\:no-underline:hover{
  text-decoration-line:none
}

.hover\:decoration-inherit:hover{
  text-decoration-color:inherit
}

.hover\:opacity-100:hover{
  opacity:1
}

.hover\:opacity-20:hover{
  opacity:.2
}

.hover\:opacity-30:hover{
  opacity:.3
}

.hover\:opacity-40:hover{
  opacity:.4
}

.hover\:opacity-50:hover{
  opacity:.5
}

.hover\:opacity-60:hover{
  opacity:.6
}

.hover\:opacity-70:hover{
  opacity:.7
}

.hover\:opacity-90:hover{
  opacity:.9
}

.hover\:shadow-4-strong:hover{
  --tw-shadow:0 2px 15px -3px #00000029,0 10px 20px -2px #0000001a;
  --tw-shadow-colored:0 2px 15px -3px var(--tw-shadow-color),0 10px 20px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(20\2c 164\2c 77\2c 0\.3\)\2c 0_4px_18px_0_rgba\(20\2c 164\2c 77\2c 0\.2\)\]:hover{
  --tw-shadow:0 8px 9px -4px #14a44d4d,0 4px 18px 0 #14a44d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(228\2c 161\2c 27\2c 0\.3\)\2c 0_4px_18px_0_rgba\(228\2c 161\2c 27\2c 0\.2\)\]:hover{
  --tw-shadow:0 8px 9px -4px #e4a11b4d,0 4px 18px 0 #e4a11b33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(251\2c 251\2c 251\2c 0\.3\)\2c 0_4px_18px_0_rgba\(251\2c 251\2c 251\2c 0\.2\)\]:hover{
  --tw-shadow:0 8px 9px -4px #fbfbfb4d,0 4px 18px 0 #fbfbfb33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(51\2c 45\2c 45\2c 0\.3\)\2c 0_4px_18px_0_rgba\(51\2c 45\2c 45\2c 0\.2\)\]:hover{
  --tw-shadow:0 8px 9px -4px #332d2d4d,0 4px 18px 0 #332d2d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:hover{
  --tw-shadow:0 8px 9px -4px #3b71ca4d,0 4px 18px 0 #3b71ca33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(84\2c 180\2c 211\2c 0\.3\)\2c 0_4px_18px_0_rgba\(84\2c 180\2c 211\2c 0\.2\)\]:hover{
  --tw-shadow:0 8px 9px -4px #54b4d34d,0 4px 18px 0 #54b4d333;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-danger-2:hover{
  --tw-shadow:0 8px 9px -4px #dc4c6433,0 4px 18px 0 #dc4c644d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-danger-2:hover,.hover\:shadow-dark-1:hover{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-dark-1:hover{
  --tw-shadow:0 8px 9px -4px #00000026,0 4px 18px 0 #0000001a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-dark-2:hover{
  --tw-shadow:0 8px 9px -4px #332d2d1a,0 4px 18px 0 #332d2d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-dark-2:hover,.hover\:shadow-info-2:hover{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-info-2:hover{
  --tw-shadow:0 8px 9px -4px #54b4d333,0 4px 18px 0 #54b4d34d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-lg:hover{
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,.hover\:shadow-light-2:hover{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-light-2:hover{
  --tw-shadow:0 8px 9px -4px #cbcbcb33,0 4px 18px 0 #cbcbcb4d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-none:hover{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-primary-2:hover{
  --tw-shadow:0 8px 9px -4px #3b71ca4d,0 4px 18px 0 #3b71ca33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-primary-2:hover,.hover\:shadow-success-2:hover{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-success-2:hover{
  --tw-shadow:0 8px 9px -4px #14a44d4d,0 4px 18px 0 #14a44d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-warning-2:hover{
  --tw-shadow:0 8px 9px -4px #e4a11b33,0 4px 18px 0 #e4a11b4d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.hover\:shadow-warning-2:hover,.hover\:shadow-xl:hover{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-xl:hover{
  --tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}

.hover\:shadow-black\/10:hover{
  --tw-shadow-color:#0000001a;
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:outline-none:hover{
  outline:2px solid #0000;
  outline-offset:2px
}

.hover\:ease-in-out:hover{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.hover\:before\:opacity-\[0\.04\]:hover:before{
  content:var(--tw-content);
  opacity:.04
}

.hover\:before\:shadow-black\/60:hover:before{
  content:var(--tw-content);
  --tw-shadow-color:#0009;
  --tw-shadow:var(--tw-shadow-colored)
}

.focus\:isolate:focus{
  isolation:isolate
}

.focus\:z-\[3\]:focus{
  z-index:3
}

.focus\:border-danger-600:focus{
  --tw-border-opacity:1;
  border-color:rgb(212 42 70/var(--tw-border-opacity))
}

.focus\:border-info-600:focus{
  --tw-border-opacity:1;
  border-color:rgb(52 164 202/var(--tw-border-opacity))
}

.focus\:border-neutral-300:focus{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212/var(--tw-border-opacity))
}

.focus\:border-neutral-800:focus{
  --tw-border-opacity:1;
  border-color:rgb(38 38 38/var(--tw-border-opacity))
}

.focus\:border-primary:focus{
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.focus\:border-primary-600:focus{
  --tw-border-opacity:1;
  border-color:rgb(48 97 175/var(--tw-border-opacity))
}

.focus\:border-primary-accent-200:focus{
  --tw-border-opacity:1;
  border-color:rgb(206 219 238/var(--tw-border-opacity))
}

.focus\:border-success-600:focus{
  --tw-border-opacity:1;
  border-color:rgb(17 140 66/var(--tw-border-opacity))
}

.focus\:border-transparent:focus{
  border-color:#0000
}

.focus\:border-warning-600:focus{
  --tw-border-opacity:1;
  border-color:rgb(196 138 23/var(--tw-border-opacity))
}

.focus\:bg-danger-50\/50:focus{
  background-color:#fcf2f480
}

.focus\:bg-danger-600:focus{
  --tw-bg-opacity:1;
  background-color:rgb(212 42 70/var(--tw-bg-opacity))
}

.focus\:bg-danger-accent-300:focus{
  --tw-bg-opacity:1;
  background-color:rgb(209 72 95/var(--tw-bg-opacity))
}

.focus\:bg-info-50\/50:focus{
  background-color:#f3fafc80
}

.focus\:bg-info-600:focus{
  --tw-bg-opacity:1;
  background-color:rgb(52 164 202/var(--tw-bg-opacity))
}

.focus\:bg-info-accent-300:focus{
  --tw-bg-opacity:1;
  background-color:rgb(80 171 200/var(--tw-bg-opacity))
}

.focus\:bg-neutral-100:focus{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245/var(--tw-bg-opacity))
}

.focus\:bg-neutral-200:focus{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229/var(--tw-bg-opacity))
}

.focus\:bg-neutral-300:focus{
  --tw-bg-opacity:1;
  background-color:rgb(212 212 212/var(--tw-bg-opacity))
}

.focus\:bg-neutral-700:focus{
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity))
}

.focus\:bg-neutral-800:focus{
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38/var(--tw-bg-opacity))
}

.focus\:bg-primary-50\/50:focus{
  background-color:#f1f5fb80
}

.focus\:bg-primary-600:focus{
  --tw-bg-opacity:1;
  background-color:rgb(48 97 175/var(--tw-bg-opacity))
}

.focus\:bg-primary-700:focus{
  --tw-bg-opacity:1;
  background-color:rgb(40 81 146/var(--tw-bg-opacity))
}

.focus\:bg-primary-accent-100:focus{
  --tw-bg-opacity:1;
  background-color:rgb(217 228 243/var(--tw-bg-opacity))
}

.focus\:bg-primary-accent-200:focus{
  --tw-bg-opacity:1;
  background-color:rgb(206 219 238/var(--tw-bg-opacity))
}

.focus\:bg-primary-accent-300:focus{
  --tw-bg-opacity:1;
  background-color:rgb(56 107 192/var(--tw-bg-opacity))
}

.focus\:bg-red-700:focus{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28/var(--tw-bg-opacity))
}

.focus\:bg-secondary-50\/50:focus{
  background-color:#f8f9f980
}

.focus\:bg-success-50\/50:focus{
  background-color:#eafcf280
}

.focus\:bg-success-600:focus{
  --tw-bg-opacity:1;
  background-color:rgb(17 140 66/var(--tw-bg-opacity))
}

.focus\:bg-success-accent-300:focus{
  --tw-bg-opacity:1;
  background-color:rgb(19 156 73/var(--tw-bg-opacity))
}

.focus\:bg-warning-50\/50:focus{
  background-color:#fdf8ef80
}

.focus\:bg-warning-600:focus{
  --tw-bg-opacity:1;
  background-color:rgb(196 138 23/var(--tw-bg-opacity))
}

.focus\:bg-warning-accent-300:focus{
  --tw-bg-opacity:1;
  background-color:rgb(217 153 26/var(--tw-bg-opacity))
}

.focus\:bg-white:focus{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.focus\:bg-zinc-200\/60:focus{
  background-color:#e4e4e799
}

.focus\:bg-zinc-50:focus{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250/var(--tw-bg-opacity))
}

.focus\:pb-\[0\.625rem\]:focus{
  padding-bottom:.625rem
}

.focus\:pt-\[1\.625rem\]:focus{
  padding-top:1.625rem
}

.focus\:text-black:focus{
  --tw-text-opacity:1;
  color:rgb(0 0 0/var(--tw-text-opacity))
}

.focus\:text-black\/80:focus{
  color:#000c
}

.focus\:text-danger-600:focus{
  --tw-text-opacity:1;
  color:rgb(212 42 70/var(--tw-text-opacity))
}

.focus\:text-danger-700:focus{
  --tw-text-opacity:1;
  color:rgb(176 35 58/var(--tw-text-opacity))
}

.focus\:text-gray-700:focus{
  --tw-text-opacity:1;
  color:rgb(55 65 81/var(--tw-text-opacity))
}

.focus\:text-info-600:focus{
  --tw-text-opacity:1;
  color:rgb(52 164 202/var(--tw-text-opacity))
}

.focus\:text-info-800:focus{
  --tw-text-opacity:1;
  color:rgb(35 109 134/var(--tw-text-opacity))
}

.focus\:text-neutral-200:focus{
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

.focus\:text-neutral-700:focus{
  --tw-text-opacity:1;
  color:rgb(64 64 64/var(--tw-text-opacity))
}

.focus\:text-neutral-800:focus{
  --tw-text-opacity:1;
  color:rgb(38 38 38/var(--tw-text-opacity))
}

.focus\:text-neutral-900:focus{
  --tw-text-opacity:1;
  color:rgb(23 23 23/var(--tw-text-opacity))
}

.focus\:text-primary-600:focus{
  --tw-text-opacity:1;
  color:rgb(48 97 175/var(--tw-text-opacity))
}

.focus\:text-primary-700:focus{
  --tw-text-opacity:1;
  color:rgb(40 81 146/var(--tw-text-opacity))
}

.focus\:text-primary-800:focus{
  --tw-text-opacity:1;
  color:rgb(32 64 117/var(--tw-text-opacity))
}

.focus\:text-primary-accent-300:focus{
  --tw-text-opacity:1;
  color:rgb(56 107 192/var(--tw-text-opacity))
}

.focus\:text-secondary-600\/70:focus{
  color:#848d9cb3
}

.focus\:text-secondary-800:focus{
  --tw-text-opacity:1;
  color:rgb(86 93 107/var(--tw-text-opacity))
}

.focus\:text-success-600:focus{
  --tw-text-opacity:1;
  color:rgb(17 140 66/var(--tw-text-opacity))
}

.focus\:text-success-700:focus{
  --tw-text-opacity:1;
  color:rgb(14 117 55/var(--tw-text-opacity))
}

.focus\:text-warning-600:focus{
  --tw-text-opacity:1;
  color:rgb(196 138 23/var(--tw-text-opacity))
}

.focus\:text-warning-800:focus{
  --tw-text-opacity:1;
  color:rgb(130 92 15/var(--tw-text-opacity))
}

.focus\:text-white:focus{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.focus\:text-zinc-600:focus{
  --tw-text-opacity:1;
  color:rgb(82 82 91/var(--tw-text-opacity))
}

.focus\:no-underline:focus{
  text-decoration-line:none
}

.focus\:opacity-100:focus{
  opacity:1
}

.focus\:opacity-90:focus{
  opacity:.9
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(20\2c 164\2c 77\2c 0\.3\)\2c 0_4px_18px_0_rgba\(20\2c 164\2c 77\2c 0\.2\)\]:focus{
  --tw-shadow:0 8px 9px -4px #14a44d4d,0 4px 18px 0 #14a44d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(228\2c 161\2c 27\2c 0\.3\)\2c 0_4px_18px_0_rgba\(228\2c 161\2c 27\2c 0\.2\)\]:focus{
  --tw-shadow:0 8px 9px -4px #e4a11b4d,0 4px 18px 0 #e4a11b33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(251\2c 251\2c 251\2c 0\.3\)\2c 0_4px_18px_0_rgba\(251\2c 251\2c 251\2c 0\.2\)\]:focus{
  --tw-shadow:0 8px 9px -4px #fbfbfb4d,0 4px 18px 0 #fbfbfb33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(51\2c 45\2c 45\2c 0\.3\)\2c 0_4px_18px_0_rgba\(51\2c 45\2c 45\2c 0\.2\)\]:focus{
  --tw-shadow:0 8px 9px -4px #332d2d4d,0 4px 18px 0 #332d2d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:focus{
  --tw-shadow:0 8px 9px -4px #3b71ca4d,0 4px 18px 0 #3b71ca33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(84\2c 180\2c 211\2c 0\.3\)\2c 0_4px_18px_0_rgba\(84\2c 180\2c 211\2c 0\.2\)\]:focus{
  --tw-shadow:0 8px 9px -4px #54b4d34d,0 4px 18px 0 #54b4d333;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-danger-2:focus{
  --tw-shadow:0 8px 9px -4px #dc4c6433,0 4px 18px 0 #dc4c644d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:shadow-danger-2:focus,.focus\:shadow-dark-1:focus{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-dark-1:focus{
  --tw-shadow:0 8px 9px -4px #00000026,0 4px 18px 0 #0000001a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:shadow-dark-2:focus{
  --tw-shadow:0 8px 9px -4px #332d2d1a,0 4px 18px 0 #332d2d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:shadow-dark-2:focus,.focus\:shadow-info-2:focus{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-info-2:focus{
  --tw-shadow:0 8px 9px -4px #54b4d333,0 4px 18px 0 #54b4d34d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:shadow-inset:focus{
  --tw-shadow:inset 0 0 0 1px #3b71ca;
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)
}

.focus\:shadow-inset:focus,.focus\:shadow-lg:focus{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-lg:focus{
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.focus\:shadow-light-2:focus{
  --tw-shadow:0 8px 9px -4px #cbcbcb33,0 4px 18px 0 #cbcbcb4d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:shadow-light-2:focus,.focus\:shadow-none:focus{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-none:focus{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000
}

.focus\:shadow-primary-2:focus{
  --tw-shadow:0 8px 9px -4px #3b71ca4d,0 4px 18px 0 #3b71ca33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:shadow-primary-2:focus,.focus\:shadow-success-2:focus{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-success-2:focus{
  --tw-shadow:0 8px 9px -4px #14a44d4d,0 4px 18px 0 #14a44d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:shadow-twe-primary:focus{
  --tw-shadow:0 0 0 1px #3b71ca;
  --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)
}

.focus\:shadow-twe-primary:focus,.focus\:shadow-warning-2:focus{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-warning-2:focus{
  --tw-shadow:0 8px 9px -4px #e4a11b33,0 4px 18px 0 #e4a11b4d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.focus\:outline-none:focus{
  outline:2px solid #0000;
  outline-offset:2px
}

.focus\:outline-0:focus{
  outline-width:0
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:transition-\[border-color_0\.2s\]:focus{
  transition-property:border-color .2s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.focus\:placeholder\:opacity-100:focus::-moz-placeholder{
  opacity:1
}

.focus\:placeholder\:opacity-100:focus::placeholder{
  opacity:1
}

.focus\:before\:scale-100:focus:before{
  content:var(--tw-content);
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus\:before\:opacity-\[0\.12\]:focus:before{
  content:var(--tw-content);
  opacity:.12
}

.focus\:before\:shadow-switch-3:focus:before{
  content:var(--tw-content);
  --tw-shadow:3px -1px 0px 13px #3b71ca;
  --tw-shadow-colored:3px -1px 0px 13px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:before\:shadow-black\/60:focus:before{
  content:var(--tw-content);
  --tw-shadow-color:#0009;
  --tw-shadow:var(--tw-shadow-colored)
}

.focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:before{
  content:var(--tw-content);
  transition-property:box-shadow .2s,transform .2s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.focus\:after\:absolute:focus:after{
  content:var(--tw-content);
  position:absolute
}

.focus\:after\:z-\[1\]:focus:after{
  content:var(--tw-content);
  z-index:1
}

.focus\:after\:block:focus:after{
  content:var(--tw-content);
  display:block
}

.focus\:after\:h-5:focus:after{
  content:var(--tw-content);
  height:1.25rem
}

.focus\:after\:h-\[0\.875rem\]:focus:after{
  content:var(--tw-content);
  height:.875rem
}

.focus\:after\:w-5:focus:after{
  content:var(--tw-content);
  width:1.25rem
}

.focus\:after\:w-\[0\.875rem\]:focus:after{
  content:var(--tw-content);
  width:.875rem
}

.focus\:after\:rounded-\[0\.125rem\]:focus:after{
  content:var(--tw-content);
  border-radius:.125rem
}

.focus\:after\:rounded-full:focus:after{
  content:var(--tw-content);
  border-radius:9999px
}

.focus\:after\:content-\[\'\'\]:focus:after{
  --tw-content:"";
  content:var(--tw-content)
}

.checked\:focus\:border-primary:focus:checked{
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.checked\:focus\:bg-primary:focus:checked{
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity))
}

.checked\:focus\:before\:ms-\[1\.0625rem\]:focus:checked:before{
  content:var(--tw-content);
  margin-inline-start:1.0625rem
}

.checked\:focus\:before\:scale-100:focus:checked:before{
  content:var(--tw-content);
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checked\:focus\:before\:shadow-checkbox:focus:checked:before{
  content:var(--tw-content);
  --tw-shadow:0 0 0 13px #3b71ca;
  --tw-shadow-colored:0 0 0 13px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.checked\:focus\:before\:shadow-switch-3:focus:checked:before{
  content:var(--tw-content);
  --tw-shadow:3px -1px 0px 13px #3b71ca;
  --tw-shadow-colored:3px -1px 0px 13px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.checked\:focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:checked:before{
  content:var(--tw-content);
  transition-property:box-shadow .2s,transform .2s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.checked\:focus\:after\:-mt-px:focus:checked:after{
  content:var(--tw-content);
  margin-top:-1px
}

.checked\:focus\:after\:ms-\[0\.25rem\]:focus:checked:after{
  content:var(--tw-content);
  margin-inline-start:.25rem
}

.checked\:focus\:after\:h-\[0\.8125rem\]:focus:checked:after{
  content:var(--tw-content);
  height:.8125rem
}

.checked\:focus\:after\:w-\[0\.375rem\]:focus:checked:after{
  content:var(--tw-content);
  width:.375rem
}

.checked\:focus\:after\:rotate-45:focus:checked:after{
  content:var(--tw-content);
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checked\:focus\:after\:rounded-none:focus:checked:after{
  content:var(--tw-content);
  border-radius:0
}

.checked\:focus\:after\:border-\[0\.125rem\]:focus:checked:after{
  content:var(--tw-content);
  border-width:.125rem
}

.checked\:focus\:after\:border-l-0:focus:checked:after{
  content:var(--tw-content);
  border-left-width:0
}

.checked\:focus\:after\:border-t-0:focus:checked:after{
  content:var(--tw-content);
  border-top-width:0
}

.checked\:focus\:after\:border-solid:focus:checked:after{
  content:var(--tw-content);
  border-style:solid
}

.checked\:focus\:after\:border-white:focus:checked:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

.checked\:focus\:after\:bg-transparent:focus:checked:after{
  content:var(--tw-content);
  background-color:initial
}

.indeterminate\:focus\:after\:w-\[0\.5rem\]:focus:indeterminate:after{
  content:var(--tw-content);
  width:.5rem
}

.indeterminate\:focus\:after\:rounded-none:focus:indeterminate:after{
  content:var(--tw-content);
  border-radius:0
}

.indeterminate\:focus\:after\:border-\[0\.125rem\]:focus:indeterminate:after{
  content:var(--tw-content);
  border-width:.125rem
}

.indeterminate\:focus\:after\:border-b-0:focus:indeterminate:after{
  content:var(--tw-content);
  border-bottom-width:0
}

.indeterminate\:focus\:after\:border-e-0:focus:indeterminate:after{
  content:var(--tw-content);
  border-inline-end-width:0
}

.indeterminate\:focus\:after\:border-s-0:focus:indeterminate:after{
  content:var(--tw-content);
  border-inline-start-width:0
}

.active\:border-danger-700:active{
  --tw-border-opacity:1;
  border-color:rgb(176 35 58/var(--tw-border-opacity))
}

.active\:border-info-700:active{
  --tw-border-opacity:1;
  border-color:rgb(43 137 168/var(--tw-border-opacity))
}

.active\:border-neutral-300:active{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212/var(--tw-border-opacity))
}

.active\:border-neutral-900:active{
  --tw-border-opacity:1;
  border-color:rgb(23 23 23/var(--tw-border-opacity))
}

.active\:border-primary-700:active{
  --tw-border-opacity:1;
  border-color:rgb(40 81 146/var(--tw-border-opacity))
}

.active\:border-primary-accent-200:active{
  --tw-border-opacity:1;
  border-color:rgb(206 219 238/var(--tw-border-opacity))
}

.active\:border-success-700:active{
  --tw-border-opacity:1;
  border-color:rgb(14 117 55/var(--tw-border-opacity))
}

.active\:border-warning-700:active{
  --tw-border-opacity:1;
  border-color:rgb(163 115 19/var(--tw-border-opacity))
}

.active\:bg-danger-600:active{
  --tw-bg-opacity:1;
  background-color:rgb(212 42 70/var(--tw-bg-opacity))
}

.active\:bg-danger-700:active{
  --tw-bg-opacity:1;
  background-color:rgb(176 35 58/var(--tw-bg-opacity))
}

.active\:bg-info-600:active{
  --tw-bg-opacity:1;
  background-color:rgb(52 164 202/var(--tw-bg-opacity))
}

.active\:bg-info-700:active{
  --tw-bg-opacity:1;
  background-color:rgb(43 137 168/var(--tw-bg-opacity))
}

.active\:bg-neutral-100:active{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245/var(--tw-bg-opacity))
}

.active\:bg-neutral-200:active{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229/var(--tw-bg-opacity))
}

.active\:bg-neutral-900:active{
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))
}

.active\:bg-primary-600:active{
  --tw-bg-opacity:1;
  background-color:rgb(48 97 175/var(--tw-bg-opacity))
}

.active\:bg-primary-700:active{
  --tw-bg-opacity:1;
  background-color:rgb(40 81 146/var(--tw-bg-opacity))
}

.active\:bg-primary-800:active{
  --tw-bg-opacity:1;
  background-color:rgb(32 64 117/var(--tw-bg-opacity))
}

.active\:bg-primary-accent-200:active{
  --tw-bg-opacity:1;
  background-color:rgb(206 219 238/var(--tw-bg-opacity))
}

.active\:bg-red-800:active{
  --tw-bg-opacity:1;
  background-color:rgb(153 27 27/var(--tw-bg-opacity))
}

.active\:bg-success-600:active{
  --tw-bg-opacity:1;
  background-color:rgb(17 140 66/var(--tw-bg-opacity))
}

.active\:bg-success-700:active{
  --tw-bg-opacity:1;
  background-color:rgb(14 117 55/var(--tw-bg-opacity))
}

.active\:bg-warning-600:active{
  --tw-bg-opacity:1;
  background-color:rgb(196 138 23/var(--tw-bg-opacity))
}

.active\:bg-warning-700:active{
  --tw-bg-opacity:1;
  background-color:rgb(163 115 19/var(--tw-bg-opacity))
}

.active\:bg-zinc-100:active{
  --tw-bg-opacity:1;
  background-color:rgb(244 244 245/var(--tw-bg-opacity))
}

.active\:bg-zinc-200\/60:active{
  background-color:#e4e4e799
}

.active\:text-black\/80:active{
  color:#000c
}

.active\:text-danger-700:active{
  --tw-text-opacity:1;
  color:rgb(176 35 58/var(--tw-text-opacity))
}

.active\:text-info-700:active{
  --tw-text-opacity:1;
  color:rgb(43 137 168/var(--tw-text-opacity))
}

.active\:text-info-800:active{
  --tw-text-opacity:1;
  color:rgb(35 109 134/var(--tw-text-opacity))
}

.active\:text-neutral-200:active{
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

.active\:text-neutral-900:active{
  --tw-text-opacity:1;
  color:rgb(23 23 23/var(--tw-text-opacity))
}

.active\:text-primary-700:active{
  --tw-text-opacity:1;
  color:rgb(40 81 146/var(--tw-text-opacity))
}

.active\:text-primary-800:active{
  --tw-text-opacity:1;
  color:rgb(32 64 117/var(--tw-text-opacity))
}

.active\:text-primary-accent-300:active{
  --tw-text-opacity:1;
  color:rgb(56 107 192/var(--tw-text-opacity))
}

.active\:text-secondary-600\/70:active{
  color:#848d9cb3
}

.active\:text-secondary-800:active{
  --tw-text-opacity:1;
  color:rgb(86 93 107/var(--tw-text-opacity))
}

.active\:text-success-700:active{
  --tw-text-opacity:1;
  color:rgb(14 117 55/var(--tw-text-opacity))
}

.active\:text-surface:active{
  --tw-text-opacity:1;
  color:rgb(79 79 79/var(--tw-text-opacity))
}

.active\:text-warning-700:active{
  --tw-text-opacity:1;
  color:rgb(163 115 19/var(--tw-text-opacity))
}

.active\:text-warning-800:active{
  --tw-text-opacity:1;
  color:rgb(130 92 15/var(--tw-text-opacity))
}

.active\:text-zinc-600:active{
  --tw-text-opacity:1;
  color:rgb(82 82 91/var(--tw-text-opacity))
}

.active\:no-underline:active{
  text-decoration-line:none
}

.active\:shadow-1:active{
  --tw-shadow:0 0 2px 0 #00000012,0 1px 1px 0 #0000000a;
  --tw-shadow-colored:0 0 2px 0 var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(20\2c 164\2c 77\2c 0\.3\)\2c 0_4px_18px_0_rgba\(20\2c 164\2c 77\2c 0\.2\)\]:active{
  --tw-shadow:0 8px 9px -4px #14a44d4d,0 4px 18px 0 #14a44d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(228\2c 161\2c 27\2c 0\.3\)\2c 0_4px_18px_0_rgba\(228\2c 161\2c 27\2c 0\.2\)\]:active{
  --tw-shadow:0 8px 9px -4px #e4a11b4d,0 4px 18px 0 #e4a11b33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(251\2c 251\2c 251\2c 0\.3\)\2c 0_4px_18px_0_rgba\(251\2c 251\2c 251\2c 0\.2\)\]:active{
  --tw-shadow:0 8px 9px -4px #fbfbfb4d,0 4px 18px 0 #fbfbfb33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(51\2c 45\2c 45\2c 0\.3\)\2c 0_4px_18px_0_rgba\(51\2c 45\2c 45\2c 0\.2\)\]:active{
  --tw-shadow:0 8px 9px -4px #332d2d4d,0 4px 18px 0 #332d2d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:active{
  --tw-shadow:0 8px 9px -4px #3b71ca4d,0 4px 18px 0 #3b71ca33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(84\2c 180\2c 211\2c 0\.3\)\2c 0_4px_18px_0_rgba\(84\2c 180\2c 211\2c 0\.2\)\]:active{
  --tw-shadow:0 8px 9px -4px #54b4d34d,0 4px 18px 0 #54b4d333;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-danger-2:active{
  --tw-shadow:0 8px 9px -4px #dc4c6433,0 4px 18px 0 #dc4c644d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.active\:shadow-danger-2:active,.active\:shadow-dark-2:active{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-dark-2:active{
  --tw-shadow:0 8px 9px -4px #332d2d1a,0 4px 18px 0 #332d2d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.active\:shadow-info-2:active{
  --tw-shadow:0 8px 9px -4px #54b4d333,0 4px 18px 0 #54b4d34d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.active\:shadow-info-2:active,.active\:shadow-lg:active{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-lg:active{
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.active\:shadow-light-2:active{
  --tw-shadow:0 8px 9px -4px #cbcbcb33,0 4px 18px 0 #cbcbcb4d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.active\:shadow-light-2:active,.active\:shadow-primary-2:active{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-primary-2:active{
  --tw-shadow:0 8px 9px -4px #3b71ca4d,0 4px 18px 0 #3b71ca33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.active\:shadow-success-2:active{
  --tw-shadow:0 8px 9px -4px #14a44d4d,0 4px 18px 0 #14a44d33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.active\:shadow-success-2:active,.active\:shadow-warning-2:active{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.active\:shadow-warning-2:active{
  --tw-shadow:0 8px 9px -4px #e4a11b33,0 4px 18px 0 #e4a11b4d;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color)
}

.disabled\:pointer-events-none:disabled{
  pointer-events:none
}

.disabled\:opacity-60:disabled{
  opacity:.6
}

.disabled\:opacity-70:disabled{
  opacity:.7
}

.group:hover .group-hover\:-translate-y-\[60\%\]{
  --tw-translate-y:-60%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:opacity-100{
  opacity:1
}

.peer:focus~.peer-focus\:-translate-y-2{
  --tw-translate-y:-0.5rem
}

.peer:focus~.peer-focus\:-translate-y-2,.peer:focus~.peer-focus\:-translate-y-\[0\.75rem\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:-translate-y-\[0\.75rem\]{
  --tw-translate-y:-0.75rem
}

.peer:focus~.peer-focus\:-translate-y-\[0\.9rem\]{
  --tw-translate-y:-0.9rem
}

.peer:focus~.peer-focus\:-translate-y-\[0\.9rem\],.peer:focus~.peer-focus\:-translate-y-\[1\.15rem\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:-translate-y-\[1\.15rem\]{
  --tw-translate-y:-1.15rem
}

.peer:focus~.peer-focus\:translate-x-\[0\.15rem\]{
  --tw-translate-x:0.15rem
}

.peer:focus~.peer-focus\:scale-\[0\.85\],.peer:focus~.peer-focus\:translate-x-\[0\.15rem\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:scale-\[0\.85\]{
  --tw-scale-x:0.85;
  --tw-scale-y:0.85
}

.peer:focus~.peer-focus\:scale-\[0\.8\]{
  --tw-scale-x:0.8;
  --tw-scale-y:0.8;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:text-primary{
  --tw-text-opacity:1;
  color:rgb(59 113 202/var(--tw-text-opacity))
}

.peer:focus~.peer-focus\:text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:-translate-y-2{
  --tw-translate-y:-0.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:-translate-y-2{
  --tw-translate-y:-0.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:translate-x-\[0\.15rem\]{
  --tw-translate-x:0.15rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:translate-x-\[0\.15rem\]{
  --tw-translate-x:0.15rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:scale-\[0\.85\]{
  --tw-scale-x:0.85;
  --tw-scale-y:0.85;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:scale-\[0\.85\]{
  --tw-scale-x:0.85;
  --tw-scale-y:0.85;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade]{
  z-index:0
}

.data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade]{
  z-index:1
}

.data-\[twe-dropdown-show\]\:block[data-twe-dropdown-show],.data-\[twe-tab-active\]\:block[data-twe-tab-active]{
  display:block
}

.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden]{
  display:none
}

.data-\[twe-offcanvas-show\]\:transform-none[data-twe-offcanvas-show]{
  transform:none
}

.data-\[twe-collapse-collapsed\]\:rounded-b-lg[data-twe-collapse-collapsed]{
  border-bottom-right-radius:.5rem;
  border-bottom-left-radius:.5rem
}

.data-\[twe-nav-active\]\:border-danger[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(220 76 100/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:border-info[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(84 180 211/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:border-neutral-50[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(250 250 250/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:border-neutral-800[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(38 38 38/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:border-primary[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:border-secondary[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(159 166 178/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:border-success[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(20 164 77/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:border-warning[data-twe-nav-active]{
  --tw-border-opacity:1;
  border-color:rgb(228 161 27/var(--tw-border-opacity))
}

.data-\[twe-nav-active\]\:\!bg-danger-100[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(250 229 233/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:\!bg-info-100[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(231 244 249/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:\!bg-neutral-50[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(250 250 250/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:\!bg-neutral-800[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(38 38 38/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:\!bg-primary-100[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(227 235 247/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:\!bg-secondary-200[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(228 230 233/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:\!bg-success-100[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(214 250 228/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:\!bg-warning-100[data-twe-nav-active]{
  --tw-bg-opacity:1!important;
  background-color:rgb(251 242 222/var(--tw-bg-opacity))!important
}

.data-\[twe-nav-active\]\:text-danger[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(220 76 100/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-danger-700[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(176 35 58/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-info[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(84 180 211/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-info-800[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(35 109 134/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-neutral-50[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(250 250 250/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-neutral-600[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(82 82 82/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-neutral-800[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(38 38 38/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-primary[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(59 113 202/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-primary-700[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(40 81 146/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-secondary[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(159 166 178/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-secondary-800[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(86 93 107/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-secondary-900[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(64 70 80/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-success[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(20 164 77/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-success-700[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(14 117 55/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-warning[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(228 161 27/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-warning-800[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(130 92 15/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-zinc-100[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(244 244 245/var(--tw-text-opacity))
}

.data-\[twe-nav-active\]\:text-zinc-600[data-twe-nav-active]{
  --tw-text-opacity:1;
  color:rgb(82 82 91/var(--tw-text-opacity))
}

.data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade]{
  opacity:0
}

.data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade]{
  opacity:1
}

.data-\[twe-collapse-collapsed\]\:transition-none[data-twe-collapse-collapsed]{
  transition-property:none
}

.data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade]{
  transition-duration:.6s
}

.data-\[twe-input-state-active\]\:placeholder\:opacity-100[data-twe-input-state-active]::-moz-placeholder{
  opacity:1
}

.data-\[twe-input-state-active\]\:placeholder\:opacity-100[data-twe-input-state-active]::placeholder{
  opacity:1
}

.group[data-twe-collapse-collapsed] .group-data-\[twe-collapse-collapsed\]\:me-0{
  margin-inline-end:0
}

.group[data-twe-collapse-collapsed] .group-data-\[twe-collapse-collapsed\]\:rotate-0{
  --tw-rotate:0deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0,.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0{
  border-left-width:0;
  border-right-width:0
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0{
  border-inline-end-width:0
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0{
  border-inline-start-width:0
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t{
  border-top-width:1px
}

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0{
  border-inline-end-width:0
}

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0{
  border-inline-start-width:0
}

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t{
  border-top-width:1px
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid,.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid{
  border-style:solid
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-primary{
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent,.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent{
  border-top-color:#0000
}

.group[data-twe-collapse-collapsed] .group-data-\[twe-collapse-collapsed\]\:fill-\[\#212529\]{
  fill:#212529
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-1{
  --tw-shadow:-1px 0 0 #3b71ca,0 1px 0 0 #3b71ca,0 -1px 0 0 #3b71ca;
  --tw-shadow-colored:-1px 0 0 var(--tw-shadow-color),0 1px 0 0 var(--tw-shadow-color),0 -1px 0 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-2{
  --tw-shadow:0 1px 0 0 #3b71ca;
  --tw-shadow-colored:0 1px 0 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-3{
  --tw-shadow:1px 0 0 #3b71ca,0 -1px 0 0 #3b71ca,0 1px 0 0 #3b71ca;
  --tw-shadow-colored:1px 0 0 var(--tw-shadow-color),0 -1px 0 0 var(--tw-shadow-color),0 1px 0 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-white{
  --tw-shadow-color:#fff;
  --tw-shadow:var(--tw-shadow-colored)
}

.peer[data-twe-input-state-active]~.peer-data-\[twe-input-state-active\]\:-translate-y-\[0\.75rem\]{
  --tw-translate-y:-0.75rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer[data-twe-input-state-active]~.peer-data-\[twe-input-state-active\]\:-translate-y-\[0\.9rem\]{
  --tw-translate-y:-0.9rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer[data-twe-input-state-active]~.peer-data-\[twe-input-state-active\]\:-translate-y-\[1\.15rem\]{
  --tw-translate-y:-1.15rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer[data-twe-input-state-active]~.peer-data-\[twe-input-state-active\]\:scale-\[0\.8\]{
  --tw-scale-x:0.8;
  --tw-scale-y:0.8;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:is([dir=rtl] .rtl\:float-right){
  float:right
}

:is([dir=rtl] .rtl\:space-x-reverse)>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:1
}

@media (prefers-reduced-motion:reduce){
  @keyframes spin{
    to{
      transform:rotate(1turn)
    }
  }

  .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\]{
    animation:spin 1.5s linear infinite
  }

  @keyframes spinner-grow{
    0%{
      transform:scale(0)
    }

    50%{
      transform:none;
      opacity:1
    }
  }

  .motion-reduce\:animate-\[spinner-grow_1\.5s_linear_infinite\]{
    animation:spinner-grow 1.5s linear infinite
  }

  .motion-reduce\:transition{
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
  }

  .motion-reduce\:transition-none{
    transition-property:none
  }
}

:is(.dark .dark\:border-neutral-400){
  --tw-border-opacity:1;
  border-color:rgb(163 163 163/var(--tw-border-opacity))
}

:is(.dark .dark\:border-neutral-500){
  --tw-border-opacity:1;
  border-color:rgb(115 115 115/var(--tw-border-opacity))
}

:is(.dark .dark\:border-neutral-600){
  --tw-border-opacity:1;
  border-color:rgb(82 82 82/var(--tw-border-opacity))
}

:is(.dark .dark\:border-primary-400){
  --tw-border-opacity:1;
  border-color:rgb(143 174 224/var(--tw-border-opacity))
}

:is(.dark .dark\:border-white\/10){
  border-color:#ffffff1a
}

:is(.dark .dark\:border-white\/70){
  border-color:#ffffffb3
}

:is(.dark .dark\:bg-\[\#11242a\]){
  --tw-bg-opacity:1;
  background-color:rgb(17 36 42/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#202124\]){
  --tw-bg-opacity:1;
  background-color:rgb(32 33 36/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#2c0f14\]){
  --tw-bg-opacity:1;
  background-color:rgb(44 15 20/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#2e2005\]){
  --tw-bg-opacity:1;
  background-color:rgb(46 32 5/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#3c3c3c\]){
  --tw-bg-opacity:1;
  background-color:rgb(60 60 60/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-black){
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-body-dark){
  --tw-bg-opacity:1;
  background-color:rgb(48 48 48/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-green-950){
  --tw-bg-opacity:1;
  background-color:rgb(5 46 22/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-neutral-50){
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-neutral-600){
  --tw-bg-opacity:1;
  background-color:rgb(82 82 82/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-neutral-700){
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-neutral-800){
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-neutral-900){
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-primary-300){
  --tw-bg-opacity:1;
  background-color:rgb(171 194 232/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-slate-900){
  --tw-bg-opacity:1;
  background-color:rgb(15 23 42/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-surface){
  --tw-bg-opacity:1;
  background-color:rgb(79 79 79/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-surface-dark){
  --tw-bg-opacity:1;
  background-color:rgb(66 66 66/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-white\/10){
  background-color:#ffffff1a
}

:is(.dark .dark\:bg-white\/25){
  background-color:#ffffff40
}

:is(.dark .dark\:via-neutral-400){
  --tw-gradient-via-position: ;
  --tw-gradient-to:#a3a3a300 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops:var(--tw-gradient-from),#a3a3a3 var(--tw-gradient-via-position),var(--tw-gradient-to)
}

:is(.dark .dark\:fill-primary){
  fill:#3b71ca
}

:is(.dark .dark\:text-black){
  --tw-text-opacity:1;
  color:rgb(0 0 0/var(--tw-text-opacity))
}

:is(.dark .dark\:text-danger-500){
  --tw-text-opacity:1;
  color:rgb(227 114 133/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-200){
  --tw-text-opacity:1;
  color:rgb(229 231 235/var(--tw-text-opacity))
}

:is(.dark .dark\:text-info-500){
  --tw-text-opacity:1;
  color:rgb(121 196 220/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-100){
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-200){
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-300){
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-400){
  --tw-text-opacity:1;
  color:rgb(163 163 163/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-50){
  --tw-text-opacity:1;
  color:rgb(250 250 250/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-500){
  --tw-text-opacity:1;
  color:rgb(115 115 115/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-600){
  --tw-text-opacity:1;
  color:rgb(82 82 82/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-800){
  --tw-text-opacity:1;
  color:rgb(38 38 38/var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-900){
  --tw-text-opacity:1;
  color:rgb(23 23 23/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary-300){
  --tw-text-opacity:1;
  color:rgb(171 194 232/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary-400){
  --tw-text-opacity:1;
  color:rgb(143 174 224/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary-500){
  --tw-text-opacity:1;
  color:rgb(101 144 213/var(--tw-text-opacity))
}

:is(.dark .dark\:text-red-400){
  --tw-text-opacity:1;
  color:rgb(248 113 113/var(--tw-text-opacity))
}

:is(.dark .dark\:text-secondary-400){
  --tw-text-opacity:1;
  color:rgb(200 204 211/var(--tw-text-opacity))
}

:is(.dark .dark\:text-secondary-500){
  --tw-text-opacity:1;
  color:rgb(179 185 194/var(--tw-text-opacity))
}

:is(.dark .dark\:text-secondary-600){
  --tw-text-opacity:1;
  color:rgb(132 141 156/var(--tw-text-opacity))
}

:is(.dark .dark\:text-success-500){
  --tw-text-opacity:1;
  color:rgb(28 226 107/var(--tw-text-opacity))
}

:is(.dark .dark\:text-success-500\/80){
  color:#1ce26bcc
}

:is(.dark .dark\:text-warning-500){
  --tw-text-opacity:1;
  color:rgb(234 181 76/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white\/30){
  color:#ffffff4d
}

:is(.dark .dark\:text-white\/50){
  color:#ffffff80
}

:is(.dark .dark\:text-white\/60){
  color:#fff9
}

:is(.dark .dark\:text-white\/75){
  color:#ffffffbf
}

:is(.dark .dark\:shadow-\[0_4px_9px_-4px_\#171717\]){
  --tw-shadow:0 4px 9px -4px #171717;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:shadow-\[0_4px_9px_-4px_rgba\(84\2c 180\2c 211\2c 0\.5\)\]){
  --tw-shadow:0 4px 9px -4px #54b4d380;
  --tw-shadow-colored:0 4px 9px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:shadow-black\/10){
  --tw-shadow-color:#0000001a;
  --tw-shadow:var(--tw-shadow-colored)
}

:is(.dark .dark\:shadow-black\/30){
  --tw-shadow-color:#0000004d;
  --tw-shadow:var(--tw-shadow-colored)
}

:is(.dark .file\:dark\:text-white)::file-selector-button{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .file\:dark\:text-white\/50)::file-selector-button{
  color:#ffffff80
}

:is(.dark .dark\:placeholder\:text-neutral-200)::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

:is(.dark .dark\:placeholder\:text-neutral-200)::placeholder{
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

:is(.dark .dark\:placeholder\:text-neutral-300)::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

:is(.dark .dark\:placeholder\:text-neutral-300)::placeholder{
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

:is(.dark .dark\:after\:border-neutral-500):after,:is(.dark .dark\:before\:border-neutral-500):before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(115 115 115/var(--tw-border-opacity))
}

:is(.dark .dark\:after\:bg-surface-dark):after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(66 66 66/var(--tw-bg-opacity))
}

:is(.dark .dark\:checked\:border-primary:checked){
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

:is(.dark .dark\:checked\:after\:bg-primary:checked):after,:is(.dark .dark\:checked\:bg-primary:checked){
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity))
}

:is(.dark .dark\:checked\:after\:bg-primary:checked):after{
  content:var(--tw-content)
}

:is(.dark .dark\:indeterminate\:border-primary:indeterminate){
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

:is(.dark .dark\:indeterminate\:bg-primary:indeterminate){
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity))
}

:is(.dark .dark\:-webkit-autofill\:shadow-autofill:-webkit-autofill){
  --tw-shadow:inset 0 0 0px 1000px #3e3e3e;
  --tw-shadow-colored:inset 0 0 0px 1000px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:autofill\:shadow-autofill:autofill){
  --tw-shadow:inset 0 0 0px 1000px #3e3e3e;
  --tw-shadow-colored:inset 0 0 0px 1000px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:hover\:bg-\[\#3c3c3c\]:hover){
  --tw-bg-opacity:1;
  background-color:rgb(60 60 60/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-blue-950:hover){
  --tw-bg-opacity:1;
  background-color:rgb(23 37 84/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-cyan-950:hover){
  --tw-bg-opacity:1;
  background-color:rgb(8 51 68/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-green-950:hover){
  --tw-bg-opacity:1;
  background-color:rgb(5 46 22/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-neutral-100:hover){
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-neutral-600:hover){
  --tw-bg-opacity:1;
  background-color:rgb(82 82 82/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-neutral-700:hover){
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-neutral-700\/60:hover){
  background-color:#40404099
}

:is(.dark .dark\:hover\:bg-neutral-800\/25:hover){
  background-color:#26262640
}

:is(.dark .dark\:hover\:bg-neutral-900:hover){
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-primary-400:hover){
  --tw-bg-opacity:1;
  background-color:rgb(143 174 224/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-rose-950:hover){
  --tw-bg-opacity:1;
  background-color:rgb(76 5 25/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-secondary-900:hover){
  --tw-bg-opacity:1;
  background-color:rgb(64 70 80/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-transparent:hover){
  background-color:initial
}

:is(.dark .dark\:hover\:bg-yellow-950:hover){
  --tw-bg-opacity:1;
  background-color:rgb(66 32 6/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-opacity-10:hover){
  --tw-bg-opacity:0.1
}

:is(.dark .dark\:hover\:text-neutral-300:hover){
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-neutral-400:hover){
  --tw-text-opacity:1;
  color:rgb(163 163 163/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-primary-500:hover){
  --tw-text-opacity:1;
  color:rgb(101 144 213/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-secondary-500:hover){
  --tw-text-opacity:1;
  color:rgb(179 185 194/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-secondary-500\/80:hover){
  color:#b3b9c2cc
}

:is(.dark .dark\:hover\:text-white:hover){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-white\/80:hover){
  color:#fffc
}

:is(.dark .dark\:hover\:shadow-\[0_8px_9px_-4px_rgba\(27\2c 27\2c 27\2c 0\.3\)\2c 0_4px_18px_0_rgba\(27\2c 27\2c 27\2c 0\.2\)\]:hover){
  --tw-shadow:0 8px 9px -4px #1b1b1b4d,0 4px 18px 0 #1b1b1b33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:hover\:shadow-\[0_8px_9px_-4px_rgba\(84\2c 180\2c 211\2c 0\.2\)\2c 0_4px_18px_0_rgba\(84\2c 180\2c 211\2c 0\.1\)\]:hover){
  --tw-shadow:0 8px 9px -4px #54b4d333,0 4px 18px 0 #54b4d31a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:hover\:shadow-dark-1:hover){
  --tw-shadow:0 8px 9px -4px #00000026,0 4px 18px 0 #0000001a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:hover\:shadow-dark-strong:hover){
  --tw-shadow:0 4px 18px -2px #000000b3;
  --tw-shadow-colored:0 4px 18px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:focus\:border-primary:focus){
  --tw-border-opacity:1;
  border-color:rgb(59 113 202/var(--tw-border-opacity))
}

:is(.dark .dark\:focus\:bg-blue-950:focus){
  --tw-bg-opacity:1;
  background-color:rgb(23 37 84/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-cyan-950:focus){
  --tw-bg-opacity:1;
  background-color:rgb(8 51 68/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-green-950:focus){
  --tw-bg-opacity:1;
  background-color:rgb(5 46 22/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-neutral-600:focus){
  --tw-bg-opacity:1;
  background-color:rgb(82 82 82/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-neutral-700:focus){
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-neutral-700\/60:focus){
  background-color:#40404099
}

:is(.dark .dark\:focus\:bg-neutral-800\/25:focus){
  background-color:#26262640
}

:is(.dark .dark\:focus\:bg-neutral-900:focus){
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-primary-400:focus){
  --tw-bg-opacity:1;
  background-color:rgb(143 174 224/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-rose-950:focus){
  --tw-bg-opacity:1;
  background-color:rgb(76 5 25/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-yellow-950:focus){
  --tw-bg-opacity:1;
  background-color:rgb(66 32 6/var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:text-danger-500:focus){
  --tw-text-opacity:1;
  color:rgb(227 114 133/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-info-500:focus){
  --tw-text-opacity:1;
  color:rgb(121 196 220/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-neutral-100:focus){
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-neutral-300:focus){
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-neutral-400:focus){
  --tw-text-opacity:1;
  color:rgb(163 163 163/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-primary-500:focus){
  --tw-text-opacity:1;
  color:rgb(101 144 213/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-secondary-400:focus){
  --tw-text-opacity:1;
  color:rgb(200 204 211/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-secondary-500:focus){
  --tw-text-opacity:1;
  color:rgb(179 185 194/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-secondary-500\/80:focus){
  color:#b3b9c2cc
}

:is(.dark .dark\:focus\:text-success-500:focus){
  --tw-text-opacity:1;
  color:rgb(28 226 107/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-warning-500:focus){
  --tw-text-opacity:1;
  color:rgb(234 181 76/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-white:focus){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:text-white\/80:focus){
  color:#fffc
}

:is(.dark .dark\:focus\:shadow-\[0_8px_9px_-4px_rgba\(27\2c 27\2c 27\2c 0\.3\)\2c 0_4px_18px_0_rgba\(27\2c 27\2c 27\2c 0\.2\)\]:focus){
  --tw-shadow:0 8px 9px -4px #1b1b1b4d,0 4px 18px 0 #1b1b1b33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:focus\:shadow-\[0_8px_9px_-4px_rgba\(84\2c 180\2c 211\2c 0\.2\)\2c 0_4px_18px_0_rgba\(84\2c 180\2c 211\2c 0\.1\)\]:focus){
  --tw-shadow:0 8px 9px -4px #54b4d333,0 4px 18px 0 #54b4d31a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:focus\:shadow-dark-1:focus){
  --tw-shadow:0 8px 9px -4px #00000026,0 4px 18px 0 #0000001a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:focus\:shadow-dark-strong:focus){
  --tw-shadow:0 4px 18px -2px #000000b3;
  --tw-shadow-colored:0 4px 18px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:active\:bg-neutral-700:active){
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity))
}

:is(.dark .dark\:active\:bg-neutral-800\/25:active){
  background-color:#26262640
}

:is(.dark .dark\:active\:bg-neutral-900:active){
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))
}

:is(.dark .dark\:active\:bg-primary-400:active){
  --tw-bg-opacity:1;
  background-color:rgb(143 174 224/var(--tw-bg-opacity))
}

:is(.dark .dark\:active\:bg-surface:active){
  --tw-bg-opacity:1;
  background-color:rgb(79 79 79/var(--tw-bg-opacity))
}

:is(.dark .dark\:active\:text-danger-500:active){
  --tw-text-opacity:1;
  color:rgb(227 114 133/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-info-500:active){
  --tw-text-opacity:1;
  color:rgb(121 196 220/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-neutral-100:active){
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-primary-500:active){
  --tw-text-opacity:1;
  color:rgb(101 144 213/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-primary-600:active){
  --tw-text-opacity:1;
  color:rgb(48 97 175/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-secondary-400:active){
  --tw-text-opacity:1;
  color:rgb(200 204 211/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-secondary-500:active){
  --tw-text-opacity:1;
  color:rgb(179 185 194/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-secondary-500\/80:active){
  color:#b3b9c2cc
}

:is(.dark .dark\:active\:text-success-500:active){
  --tw-text-opacity:1;
  color:rgb(28 226 107/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-warning-500:active){
  --tw-text-opacity:1;
  color:rgb(234 181 76/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-white:active){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:active\:text-white\/80:active){
  color:#fffc
}

:is(.dark .dark\:active\:shadow-\[0_8px_9px_-4px_rgba\(27\2c 27\2c 27\2c 0\.3\)\2c 0_4px_18px_0_rgba\(27\2c 27\2c 27\2c 0\.2\)\]:active){
  --tw-shadow:0 8px 9px -4px #1b1b1b4d,0 4px 18px 0 #1b1b1b33;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:active\:shadow-\[0_8px_9px_-4px_rgba\(84\2c 180\2c 211\2c 0\.2\)\2c 0_4px_18px_0_rgba\(84\2c 180\2c 211\2c 0\.1\)\]:active){
  --tw-shadow:0 8px 9px -4px #54b4d333,0 4px 18px 0 #54b4d31a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:active\:shadow-dark-1:active){
  --tw-shadow:0 8px 9px -4px #00000026,0 4px 18px 0 #0000001a;
  --tw-shadow-colored:0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:active\:shadow-dark-strong:active){
  --tw-shadow:0 4px 18px -2px #000000b3;
  --tw-shadow-colored:0 4px 18px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .peer:focus~.dark\:peer-focus\:text-primary){
  --tw-text-opacity:1;
  color:rgb(59 113 202/var(--tw-text-opacity))
}

:is(.dark .peer:focus~.dark\:peer-focus\:text-white){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:border-neutral-600[data-twe-nav-active]){
  --tw-border-opacity:1;
  border-color:rgb(82 82 82/var(--tw-border-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-\[\#11242A\][data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(17 36 42/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-\[\#202124\][data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(32 33 36/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-\[\#2c0f14\][data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(44 15 20/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-\[\#2e2005\][data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(46 32 5/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-green-950[data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(5 46 22/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-neutral-600[data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(82 82 82/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-neutral-900[data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:\!bg-slate-900[data-twe-nav-active]){
  --tw-bg-opacity:1!important;
  background-color:rgb(15 23 42/var(--tw-bg-opacity))!important
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-danger[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(220 76 100/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-danger-500[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(227 114 133/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-danger-700[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(176 35 58/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-info[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(84 180 211/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-info-500[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(121 196 220/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-info-800[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(35 109 134/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-neutral-100[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-neutral-50[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(250 250 250/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-neutral-600[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(82 82 82/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-primary[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(59 113 202/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-primary-500[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(101 144 213/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-primary-700[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(40 81 146/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-secondary[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(159 166 178/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-secondary-400[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(200 204 211/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-secondary-900[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(64 70 80/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-success[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(20 164 77/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-success-500\/80[data-twe-nav-active]){
  color:#1ce26bcc
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-success-700[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(14 117 55/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-warning[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(228 161 27/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-warning-500[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(234 181 76/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-warning-800[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(130 92 15/var(--tw-text-opacity))
}

:is(.dark .dark\:data-\[twe-nav-active\]\:text-zinc-100[data-twe-nav-active]){
  --tw-text-opacity:1;
  color:rgb(244 244 245/var(--tw-text-opacity))
}

:is(.dark .group[data-twe-collapse-collapsed] .dark\:group-data-\[twe-collapse-collapsed\]\:fill-white){
  fill:#fff
}

@media (min-width:0px){
  .min-\[0px\]\:m-0{
    margin:0
  }

  .min-\[0px\]\:h-full{
    height:100%
  }

  .min-\[0px\]\:max-w-none{
    max-width:none
  }

  .min-\[0px\]\:overflow-y-auto{
    overflow-y:auto
  }

  .min-\[0px\]\:rounded-none{
    border-radius:0
  }

  .min-\[0px\]\:border-0{
    border-width:0
  }
}

@media (min-width:576px){
  .min-\[576px\]\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .min-\[576px\]\:my-7{
    margin-bottom:1.75rem
  }

  .min-\[576px\]\:mt-7,.min-\[576px\]\:my-7{
    margin-top:1.75rem
  }

  .min-\[576px\]\:h-\[calc\(100\%-3\.5rem\)\]{
    height:calc(100% - 3.5rem)
  }

  .min-\[576px\]\:min-h-\[calc\(100\%-3\.5rem\)\]{
    min-height:calc(100% - 3.5rem)
  }

  .min-\[576px\]\:max-w-\[300px\]{
    max-width:300px
  }

  .min-\[576px\]\:max-w-\[500px\]{
    max-width:500px
  }
}

@media (min-width:640px){
  .sm\:-mx-6{
    margin-left:-1.5rem;
    margin-right:-1.5rem
  }

  .sm\:block{
    display:block
  }

  .sm\:flex{
    display:flex
  }

  .sm\:grid{
    display:grid
  }

  .sm\:shrink-0{
    flex-shrink:0
  }

  .sm\:grow{
    flex-grow:1
  }

  .sm\:basis-0{
    flex-basis:0px
  }

  .sm\:justify-center{
    justify-content:center
  }

  .sm\:rounded-lg{
    border-radius:.5rem
  }

  .sm\:rounded-none{
    border-radius:0
  }

  .sm\:rounded-e-none{
    border-start-end-radius:0;
    border-end-end-radius:0
  }

  .sm\:rounded-s-none{
    border-start-start-radius:0;
    border-end-start-radius:0
  }

  .sm\:rounded-tl-none{
    border-top-left-radius:0
  }

  .sm\:rounded-tr-none{
    border-top-right-radius:0
  }

  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .sm\:text-start{
    text-align:start
  }
}

@media (min-width:768px){
  .md\:mx-12{
    margin-left:3rem;
    margin-right:3rem
  }

  .md\:mx-16{
    margin-left:4rem;
    margin-right:4rem
  }

  .md\:mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem
  }

  .md\:-mt-1{
    margin-top:-.25rem
  }

  .md\:mb-0{
    margin-bottom:0
  }

  .md\:mb-4{
    margin-bottom:1rem
  }

  .md\:mb-6{
    margin-bottom:1.5rem
  }

  .md\:me-0{
    margin-inline-end:0
  }

  .md\:me-2{
    margin-inline-end:.5rem
  }

  .md\:me-4{
    margin-inline-end:1rem
  }

  .md\:me-auto{
    margin-inline-end:auto
  }

  .md\:ms-0{
    margin-inline-start:0
  }

  .md\:ms-auto{
    margin-inline-start:auto
  }

  .md\:block{
    display:block
  }

  .md\:flex{
    display:flex
  }

  .md\:h-auto{
    height:auto
  }

  .md\:w-10\/12{
    width:83.333333%
  }

  .md\:w-48{
    width:12rem
  }

  .md\:w-8\/12{
    width:66.666667%
  }

  .md\:w-9\/12{
    width:75%
  }

  .md\:w-full{
    width:100%
  }

  .md\:max-w-xl{
    max-width:36rem
  }

  .md\:shrink-0{
    flex-shrink:0
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .md\:flex-row{
    flex-direction:row
  }

  .md\:justify-start{
    justify-content:flex-start
  }

  .md\:justify-center{
    justify-content:center
  }

  .md\:gap-6{
    gap:1.5rem
  }

  .md\:space-x-1>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.25rem*var(--tw-space-x-reverse));
    margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))
  }

  .md\:space-x-2>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem*var(--tw-space-x-reverse));
    margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))
  }

  .md\:space-y-0>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0px*var(--tw-space-y-reverse))
  }

  .md\:\!rounded-none{
    border-radius:0!important
  }

  .md\:\!rounded-s-lg{
    border-start-start-radius:.5rem!important;
    border-end-start-radius:.5rem!important
  }

  .md\:border-s-0{
    border-inline-start-width:0
  }

  .md\:border-t{
    border-top-width:1px
  }

  .md\:p-12{
    padding:3rem
  }

  .md\:px-0{
    padding-left:0;
    padding-right:0
  }

  .md\:px-12{
    padding-left:3rem;
    padding-right:3rem
  }

  .md\:ps-4{
    padding-inline-start:1rem
  }

  .md\:pt-0{
    padding-top:0
  }

  .md\:text-left{
    text-align:left
  }
}

@media (min-width:992px){
  .min-\[992px\]\:max-w-\[800px\]{
    max-width:800px
  }
}

@media (min-width:1024px){
  .lg\:order-1{
    order:1
  }

  .lg\:order-2{
    order:2
  }

  .lg\:-mx-8{
    margin-left:-2rem;
    margin-right:-2rem
  }

  .lg\:mx-44{
    margin-left:11rem;
    margin-right:11rem
  }

  .lg\:mx-64{
    margin-left:16rem;
    margin-right:16rem
  }

  .lg\:mx-96{
    margin-left:24rem;
    margin-right:24rem
  }

  .lg\:my-0{
    margin-top:0
  }

  .lg\:mb-0,.lg\:my-0{
    margin-bottom:0
  }

  .lg\:mb-24{
    margin-bottom:6rem
  }

  .lg\:mb-6{
    margin-bottom:1.5rem
  }

  .lg\:ms-6{
    margin-inline-start:1.5rem
  }

  .lg\:mt-0{
    margin-top:0
  }

  .lg\:mt-1{
    margin-top:.25rem
  }

  .lg\:block{
    display:block
  }

  .lg\:\!flex{
    display:flex!important
  }

  .lg\:flex{
    display:flex
  }

  .lg\:hidden{
    display:none
  }

  .lg\:h-screen{
    height:100vh
  }

  .lg\:w-5\/12{
    width:41.666667%
  }

  .lg\:w-6\/12{
    width:50%
  }

  .lg\:w-full{
    width:100%
  }

  .lg\:basis-auto{
    flex-basis:auto
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .lg\:grid-cols-6{
    grid-template-columns:repeat(6,minmax(0,1fr))
  }

  .lg\:flex-row{
    flex-direction:row
  }

  .lg\:flex-wrap{
    flex-wrap:wrap
  }

  .lg\:justify-start{
    justify-content:flex-start
  }

  .lg\:justify-between{
    justify-content:space-between
  }

  .lg\:rounded-e-lg{
    border-start-end-radius:.5rem;
    border-end-end-radius:.5rem
  }

  .lg\:rounded-bl-none{
    border-bottom-left-radius:0
  }

  .lg\:px-2{
    padding-left:.5rem;
    padding-right:.5rem
  }

  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .lg\:py-4{
    padding-top:1rem;
    padding-bottom:1rem
  }

  .lg\:pe-1{
    padding-inline-end:.25rem
  }

  .lg\:pe-2{
    padding-inline-end:.5rem
  }

  .lg\:ps-0{
    padding-inline-start:0
  }

  .lg\:ps-2{
    padding-inline-start:.5rem
  }

  .lg\:text-left{
    text-align:left
  }
}

@media (min-width:1200px){
  .min-\[1200px\]\:max-w-\[1140px\]{
    max-width:1140px
  }
}

@media (min-width:1280px){
  .xl\:mx-96{
    margin-left:24rem;
    margin-right:24rem
  }

  .xl\:min-h-0{
    min-height:0
  }

  .xl\:w-11\/12{
    width:91.666667%
  }

  .xl\:w-5\/12{
    width:41.666667%
  }

  .xl\:w-6\/12{
    width:50%
  }

  .xl\:w-7\/12{
    width:58.333333%
  }

  .xl\:w-96{
    width:24rem
  }

  .xl\:min-w-0{
    min-width:0
  }

  .xl\:grid-cols-11{
    grid-template-columns:repeat(11,minmax(0,1fr))
  }

  .xl\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .xl\:grid-rows-1{
    grid-template-rows:repeat(1,minmax(0,1fr))
  }

  .xl\:grid-rows-2{
    grid-template-rows:repeat(2,minmax(0,1fr))
  }
}

.\[\&\:not\(\:-moz-placeholder-shown\)\]\:pb-\[0\.625rem\]:not(:-moz-placeholder-shown){
  padding-bottom:.625rem
}

.\[\&\:not\(\:placeholder-shown\)\]\:pb-\[0\.625rem\]:not(:placeholder-shown){
  padding-bottom:.625rem
}

.\[\&\:not\(\:-moz-placeholder-shown\)\]\:pt-\[1\.625rem\]:not(:-moz-placeholder-shown){
  padding-top:1.625rem
}

.\[\&\:not\(\:placeholder-shown\)\]\:pt-\[1\.625rem\]:not(:placeholder-shown){
  padding-top:1.625rem
}

.\[\&\:not\(\[data-twe-collapse-collapsed\]\)\]\:bg-white:not([data-twe-collapse-collapsed]){
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.\[\&\:not\(\[data-twe-collapse-collapsed\]\)\]\:text-primary:not([data-twe-collapse-collapsed]){
  --tw-text-opacity:1;
  color:rgb(59 113 202/var(--tw-text-opacity))
}

.\[\&\:not\(\[data-twe-collapse-collapsed\]\)\]\:shadow-border-b:not([data-twe-collapse-collapsed]){
  --tw-shadow:inset 0 -1px 0 #e5e7eb;
  --tw-shadow-colored:inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:\[\&\:not\(\[data-twe-collapse-collapsed\]\)\]\:bg-surface-dark:not([data-twe-collapse-collapsed])){
  --tw-bg-opacity:1;
  background-color:rgb(66 66 66/var(--tw-bg-opacity))
}

:is(.dark .dark\:\[\&\:not\(\[data-twe-collapse-collapsed\]\)\]\:text-primary:not([data-twe-collapse-collapsed])){
  --tw-text-opacity:1;
  color:rgb(59 113 202/var(--tw-text-opacity))
}

:is(.dark .dark\:\[\&\:not\(\[data-twe-collapse-collapsed\]\)\]\:shadow-white\/10:not([data-twe-collapse-collapsed])){
  --tw-shadow-color:#ffffff1a;
  --tw-shadow:var(--tw-shadow-colored)
}

:is(.dark .dark\:\[\&\:not\(\[data-twe-collapse-collapsed\]\)\]\:\[box-shadow\:inset_0_-1px_0_rgba\(75\2c 85\2c 99\)\]:not([data-twe-collapse-collapsed])){
  box-shadow:inset 0 -1px 0 #4b5563
}

.\[\&\:not\(\[data-twe-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-twe-input-placeholder-active])::-moz-placeholder{
  opacity:0
}

.\[\&\:not\(\[data-twe-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-twe-input-placeholder-active])::placeholder{
  opacity:0
}

.\[\&\>svg\]\:mx-auto>svg{
  margin-left:auto;
  margin-right:auto
}

.\[\&\>svg\]\:h-10>svg{
  height:2.5rem
}

.\[\&\>svg\]\:h-3\.5>svg{
  height:.875rem
}

.\[\&\>svg\]\:h-4>svg{
  height:1rem
}

.\[\&\>svg\]\:h-5>svg{
  height:1.25rem
}

.\[\&\>svg\]\:h-6>svg{
  height:1.5rem
}

.\[\&\>svg\]\:h-7>svg{
  height:1.75rem
}

.\[\&\>svg\]\:w-10>svg{
  width:2.5rem
}

.\[\&\>svg\]\:w-3\.5>svg{
  width:.875rem
}

.\[\&\>svg\]\:w-4>svg{
  width:1rem
}

.\[\&\>svg\]\:w-5>svg{
  width:1.25rem
}

.\[\&\>svg\]\:w-6>svg{
  width:1.5rem
}

.\[\&\>svg\]\:w-7>svg{
  width:1.75rem
}

.\[\&\>svg\]\:fill-\[\#0077b5\]>svg{
  fill:#0077b5
}

.\[\&\>svg\]\:fill-\[\#0084ff\]>svg{
  fill:#0084ff
}

.\[\&\>svg\]\:fill-\[\#0088cc\]>svg{
  fill:#08c
}

.\[\&\>svg\]\:fill-\[\#128c7e\]>svg{
  fill:#128c7e
}

.\[\&\>svg\]\:fill-\[\#1769ff\]>svg{
  fill:#1769ff
}

.\[\&\>svg\]\:fill-\[\#1877f2\]>svg{
  fill:#1877f2
}

.\[\&\>svg\]\:fill-\[\#333\]>svg{
  fill:#333
}

.\[\&\>svg\]\:fill-\[\#3eb991\]>svg{
  fill:#3eb991
}

.\[\&\>svg\]\:fill-\[\#45668e\]>svg{
  fill:#45668e
}

.\[\&\>svg\]\:fill-\[\#6a76ac\]>svg{
  fill:#6a76ac
}

.\[\&\>svg\]\:fill-\[\#7289da\]>svg{
  fill:#7289da
}

.\[\&\>svg\]\:fill-\[\#9146ff\]>svg{
  fill:#9146ff
}

.\[\&\>svg\]\:fill-\[\#c13584\]>svg{
  fill:#c13584
}

.\[\&\>svg\]\:fill-\[\#e60023\]>svg{
  fill:#e60023
}

.\[\&\>svg\]\:fill-\[\#ea4335\]>svg{
  fill:#ea4335
}

.\[\&\>svg\]\:fill-\[\#ea4c89\]>svg{
  fill:#ea4c89
}

.\[\&\>svg\]\:fill-\[\#f48024\]>svg{
  fill:#f48024
}

.\[\&\>svg\]\:fill-\[\#f8cc1b\]>svg{
  fill:#f8cc1b
}

.\[\&\>svg\]\:fill-\[\#ff0000\]>svg{
  fill:red
}

.\[\&\>svg\]\:fill-\[\#ff4500\]>svg{
  fill:#ff4500
}

.\[\&\>svg\]\:fill-black>svg{
  fill:#000
}

.\[\&\>svg\]\:fill-white>svg{
  fill:#fff
}

.\[\&\>svg\]\:stroke-black\/50>svg{
  stroke:#00000080
}

.\[\&\>svg\]\:stroke-neutral-200>svg{
  stroke:#e5e5e5
}

:is(.dark .dark\:\[\&\>svg\]\:fill-gray-200>svg){
  fill:#e5e7eb
}

:is(.dark .dark\:\[\&\>svg\]\:stroke-neutral-200>svg){
  stroke:#e5e5e5
}

@font-face {
  font-family: 'Rubik';

  font-style: normal;

  font-weight: 400;

  src: local('Rubik Regular'), local('Rubik-Regular'),
  url('assets/fonts/rubik/Rubik-Regular.ttf') format('truetype');

  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Rubik';

  font-style: normal;

  font-weight: 500;

  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('assets/fonts/rubik/Rubik-Medium.ttf') format('truetype');

  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Rubik';

  font-style: normal;

  font-weight: 700;

  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('assets/fonts/rubik/Rubik-Bold.ttf') format('truetype');

  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Rubik';

  font-style: normal;

  font-weight: 900;

  src: local('Rubik ExtraBold'), local('Rubik-Black'),
  url('assets/fonts/rubik/Rubik-Black.ttf') format('truetype');

  /* Safari, Android, iOS */
}

/* ==========================================
   FOOTER CUSTOM STYLES
   ========================================== */

footer{
  .widget-title{
    p{
      padding: 20px;
      @media (min-width: 1024px) {
        padding: 20px 0;

        margin-bottom: 12px;

        padding-bottom: 12px;
      }
    }
    span{
      padding: 20px;
    }
    &::after {
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 1px;
      bottom: 0px;
      background: white;
      @media (min-width: 1024px) {
        width: 50px;

        bottom: 10px;
      }
    }
  }
  .widget-content{
    ul.menu{
      li.menu-item{
        a{
          position: relative;
          font-size: 16px;
          font-weight: 500;
          line-height: 2;
          display: inline-block;
          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 100%;
            height: 2px;
            background-color: white;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease-in-out;
          }
          &:hover::after {
            transform: scaleX(1);
          }
        }
      }
    }
  }
  .footer-info-item{
    /* &:first-child{ */
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid white;
    @media (min-width: 992px) {
      margin-bottom: 48px;

      padding-bottom: 48px;
    }
    &:last-child{
      margin-bottom: 0px;
      @media (min-width: 1024px) {
        margin-bottom: 48px;

        border-bottom: 0;
      }
    }
    .break-all{
      word-break: break-all;
    }
    /* } */
  }
  .footer-form-container{
    .footer-form{
      .footer-form-title{
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 36px;
        @media (min-width: 1024px) {
          font-size: clamp(20px, 2vw, 28px);
        }
      }
      input{
        height: 50px;
        border-radius: 8px;
        border: 1px solid #D4D4D4;
        background: #F6F7F8;
        box-shadow: 0 1px 0.5px 0.05px rgba(29, 41, 61, 0.02);
        color: black;
        padding: 12px 24px;
        direction: rtl;
      }
      .wpcf7-submit{
        height: 50px;
        width: 100%;
        border-radius: 8px;
      }
    }
    .wpcf7-response-output{
      display: none;
    }
  }
}

.footer-slider{
  .icon-nav-right{
    inset-inline-start: -1.5rem;
    /* 12px */
  }
  .icon-nav-left{
    inset-inline-end: -1.5rem;
    /* 12px */
  }
  .slick-list{
    .slick-track{
      .slick-slide{
        margin: 0 1rem;
        .footer-slide{
          display: flex !important;
          .footer-slide-text{
            color: #212427;
          }
        }
      }
    }
  }
}

/* Footer menu accordion - only on mobile */

@media (max-width: 1023px) {
  .widget-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    &.active {
      max-height: 500px;
      padding: 20px 0;
    }
    @media (min-width: 1024px) {
      max-height: none !important;
    }
  }

  .widget-title{
    .icon-button-arrow {
      transform: rotate(-90deg);
      transition: transform 0.3s ease;
    }
    &.active {
      .icon-button-arrow {
        transform: rotate(90deg);
      }
    }
  }
}

/* На десктопе - всегда открыто */

/* RTL support for footer menu underline effect */

[dir="rtl"] footer .widget-content ul.menu li.menu-item a::after {
  transform-origin: right;
}

/* ==========================================
   HEADER CUSTOM STYLES
   ========================================== */

header{
  .header-top-menu{
    .top-menu{
      #menu-top-menu{
        display: flex;
        li.menu-item{
          padding: 0 8px;
          a{
            color: var(--color-1);
            font-size: var(--text-p);
            font-weight: var(--font-weight-normal);
            line-height: 1.5;
          }
        }
      }
    }
  }
  .header-main-menu{
    height: 100%;
    /* Full height of parent */
    .primary-menu{
      height: 100%;
      .mega_main_menu{
        z-index: 1 !important;
      }
      .menu_holder{
        height: 100%;
        .menu_inner{
          height: 100%;
        }
      }
      ul.menu-with-dropdown, #menu-primary-menu, #main_ul-primary_menu{
        display: flex;
        align-items: stretch;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        height: 100%;
        z-index: 1;
        /* First Level Menu Items - Full Height */
        > li.menu-item{
          padding: 0 10px;
          position: relative;
          display: flex;
          align-items: center;
          height: 100%;
          /* Full height of header */
          /* First Level Links */
          > a{
            color: black;
            font-size: var(--text5);
            font-weight: var(--font-weight-bold);
            line-height: 1.5;
            position: relative;
            display: flex;
            align-items: center;
            transition: color 0.3s ease;
            white-space: nowrap;
            /* Prevent text wrapping */
            .link_text {
              white-space: nowrap;
            }
          }
          /* Current Menu Item */
          &.current-menu-item > a::after,
          &.current-menu-ancestor > a::after {
            transform: scaleX(1);
          }
          /* Dropdown Arrow Indicator */
          &.menu-item-has-children > a::before {
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            position: absolute;
            right: 100%;
            top: 50%;
            transform: translateY(-50%);
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid black;
            margin-inline-start: 6px;
            vertical-align: middle;
            transition: transform 0.3s ease;
          }
          /* Rotate arrow on hover */
          &.menu-item-has-children:hover > a::before {
            transform: translateY(-50%) rotate(180deg);
          }
          /* Submenu Container */
          ul.sub-menu, ul.mega_dropdown {
            position: absolute;
            top: 100%;
            /* Right below the full-height menu item */
            right: 0;
            min-width: 220px;
            background: white;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            border-radius: 8px;
            padding: 0;
            margin: 0;
            list-style: none;
            box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
            /* Animation Properties */
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 1000;
            pointer-events: none;
          }
          /* Show submenu on hover */
          &:hover > ul.sub-menu, &:hover > ul.mega_dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            pointer-events: all;
          }
          /* Submenu Items */
          ul.sub-menu li.menu-item, ul.mega_dropdown li.menu-item {
            padding: 0;
            height: auto;
            /* Reset height for submenu items */
            &:not(:last-child){
              border-bottom: 1px solid #ececec;
            }
            a {
              display: block;
              padding: 10px 20px;
              color: #333;
              font-size: var(--text5);
              font-weight: var(--font-weight-normal);
              text-decoration: none;
              transition: all 0.2s ease;
              position: relative;
              &:hover {
                background: #f8f9fa;
                color: black;
                padding-inline-start: 25px;
              }
              &::after {
                display: none;
              }
            }
            /* Active Submenu Item */
            &.current-menu-item a {
              background-color: #f0f0f0;
              color: black;
              font-weight: var(--font-weight-bold);
            }
            /* Second Level Submenu */
            &.menu-item-has-children {
              position: relative;
              > a::before {
                content: '';
                position: absolute;
                left: auto;
                right: 15px;
                top: 50%;
                transform: translateY(-50%) rotate(-90deg);
                width: 0;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 5px solid #666;
              }
              /* Third Level Submenu */
              ul.sub-menu {
                top: 0;
                left: 100%;
                right: auto;
                margin-left: 2px;
              }
              &:hover > ul.sub-menu {
                opacity: 1;
                visibility: visible;
                transform: translateX(0);
              }
            }
          }
        }
      }
    }
  }
  .header-wishlist {
    position: relative;
    display: inline-block;
    .wishlist-counter {
      position: absolute;
      top: -5px;
      right: -5px;
      background: rgb(239 68 68);
      color: #fff;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: bold;
      line-height: 1;
    }
  }
}

/* Mobile Menu */

.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  max-width: 350px;
  height: 100vh;
  background: white;
  transition: right 0.3s ease;
  z-index: 100;
  overflow-y: auto;
  /* Mobile Menu Navigation */
  .primary-menu{
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
      li {
        margin-bottom: 4px;
        a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 12px 16px;
          border-radius: 8px;
          color: #374151;
          text-decoration: none;
          transition: all 0.2s;
          font-size: 16px;
          &::hover {
            background-color: #F3F4F6;
          }
          &:after {
            content: '';
            width: 6px;
            height: 6px;
            border-left: 2px solid #9CA3AF;
            border-bottom: 2px solid #9CA3AF;
            transform: rotate(135deg);
            margin-right: 8px;
          }
          &.current-menu-item, &.current_page_item {
            background-color: #FEF3C7;
            font-weight: 600;
            color: #000;
          }
        }
      }
    }
  }
}

.mobile-menu.is-active {
  right: 0;
  box-shadow: -2px 0 10px rgba(0,0,0,0.1);
}

body.menu-open {
  overflow: hidden;
}

body.menu-open::before {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 99;
}

/* ==========================================
   HOMEPAGE CUSTOM STYLES
   ========================================== */

/* ==========================================
   FLOOR 1 - HERO SLIDER
   ========================================== */

/* Homepage Floor 1 Slider - Tailwind CSS */

#homepage-floor1 {
  .homepage-floor1-slider{
    height:100%
  }
  .homepage-floor1-slider{
    height:100%
  }
  .homepage-floor1-slider {
    /* Mobile rounded bottom corners */
    @media (max-width: 1023px) {
      border-radius: 0 0 12.5px 12.5px;
    }
    .slick-list{
      height:100%
    }
    .slick-list{
      height:100%
    }
    .slick-list {
      overflow: hidden !important;
      .slick-track{
        height:100%
      }
      .slick-track{
        height:100%
      }
      .slick-track {
        .slick-slide{
          height:100%
        }
        .slick-slide{
          height:100%
        }
        .slick-slide {
          > div{
            height:100%
          }
          > div{
            height:100%
          }
          > div {
            overflow: visible !important;
            .homepage-floor1-slide-wrapper{
              height:100%
            }
            .homepage-floor1-slide-wrapper{
              width:100%
            }
            .homepage-floor1-slide-wrapper{
              height:100%
            }
            .homepage-floor1-slide-wrapper{
              width:100%
            }
            .homepage-floor1-slide-wrapper {
              .homepage-floor1-image{
                height:100%
              }
              .homepage-floor1-image{
                width:100%
              }
              .homepage-floor1-image{
                -o-object-fit:cover;
                   object-fit:cover
              }
              .homepage-floor1-image{
                -o-object-position:center;
                   object-position:center
              }
              .homepage-floor1-image{
                height:100%
              }
              .homepage-floor1-image{
                width:100%
              }
              .homepage-floor1-image{
                -o-object-fit:cover;
                object-fit:cover
              }
            }
          }
        }
      }
    }
    .slick-arrow {
      display: flex !important
    }
    .slick-arrow{
      position:absolute
    }
    .slick-arrow{
      z-index:2
    }
    .slick-arrow{
      display:flex
    }
    .slick-arrow{
      height:3rem
    }
    .slick-arrow{
      width:3rem
    }
    .slick-arrow{
      cursor:pointer
    }
    .slick-arrow{
      align-items:center
    }
    .slick-arrow{
      justify-content:center
    }
    .slick-arrow{
      border-radius:9999px
    }
    .slick-arrow{
      --tw-bg-opacity:1;
      background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
    }
    .slick-arrow{
      --tw-text-opacity:1;
      color:rgb(33 36 39 / var(--tw-text-opacity, 1))
    }
    .slick-arrow{
      position:absolute
    }
    .slick-arrow{
      z-index:2
    }
    .slick-arrow{
      display:flex
    }
    .slick-arrow{
      height:3rem
    }
    .slick-arrow{
      width:3rem
    }
    .slick-arrow{
      cursor:pointer
    }
    .slick-arrow{
      align-items:center
    }
    .slick-arrow{
      justify-content:center
    }
    .slick-arrow{
      border-radius:9999px
    }
    .slick-arrow{
      --tw-bg-opacity:1;
      background-color:rgb(255 255 255/var(--tw-bg-opacity))
    }
    .slick-arrow {
      &.icon-nav-left{
        bottom: 3rem;
        left: 3rem;
      }
      &.icon-nav-right{
        bottom: 3rem;
        right: 3rem;
      }
      /* Hide arrows on mobile */
      @media (max-width: 1023px) {
        display: none !important;
      }
    }
    .slick-dots{
      position:absolute
    }
    .slick-dots{
      right:3rem
    }
    .slick-dots{
      top:50%
    }
    .slick-dots{
      z-index:2
    }
    .slick-dots{
      display:flex
    }
    .slick-dots{
      height:-moz-fit-content;
      height:fit-content
    }
    .slick-dots{
      width:auto
    }
    .slick-dots{
      --tw-translate-y:-50%;
      transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .slick-dots{
      flex-direction:column
    }
    .slick-dots{
      align-items:center
    }
    .slick-dots{
      gap:0.75rem
    }
    .slick-dots{
      position:absolute
    }
    .slick-dots{
      z-index:2
    }
    .slick-dots{
      display:flex
    }
    .slick-dots{
      width:auto
    }
    .slick-dots{
      --tw-translate-y:-50%
    }
    .slick-dots{
      transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .slick-dots{
      flex-direction:column
    }
    .slick-dots{
      align-items:center
    }
    .slick-dots {
      /* Mobile: position at bottom center */
      @media (max-width: 1023px) {
        right: auto;

        left: 50%;

        top: auto;

        bottom: 0;

        transform: translateX(-50%);

        flex-direction: row;

        height: 58px;

        gap: 8px;
      }
      li{
        height:auto
      }
      li{
        width:auto
      }
      li{
        list-style-type:none
      }
      li{
        height:auto
      }
      li{
        width:auto
      }
      li{
        list-style-type:none
      }
      li {
        button{
          display:flex
        }
        button{
          height:0.5rem
        }
        button{
          width:0.5rem
        }
        button{
          align-items:center
        }
        button{
          justify-content:center
        }
        button{
          border-radius:9999px
        }
        button{
          --tw-bg-opacity:1;
          background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
        }
        button{
          --tw-text-opacity:1;
          color:rgb(33 36 39 / var(--tw-text-opacity, 1))
        }
        button{
          display:flex
        }
        button{
          height:.5rem
        }
        button{
          width:.5rem
        }
        button{
          align-items:center
        }
        button{
          justify-content:center
        }
        button{
          border-radius:9999px
        }
        button{
          --tw-bg-opacity:1;
          background-color:rgb(255 255 255/var(--tw-bg-opacity))
        }
        button {
          opacity: 0.5;
          &:before {
            display: none;
          }
        }
        &.slick-active {
          button {
            opacity: 1;
          }
        }
      }
    }
  }
}

/* ==========================================
   FLOOR 2 - ICONS SECTION
   ========================================== */

#homepage-floor2 {
}

/* ==========================================
   FLOOR 3 - CONTENT SECTION
   ========================================== */

#homepage-floor3 {
  .homepage-floor3-categories{
    .slick-list {
      margin: 0 -8px;
      .slick-track {
        margin-left: 0 !important;
        margin-right: 0 !important;
        .slick-slide {
          margin: 0 8px;
        }
      }
    }
  }
}

#homepage-floor5 {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: top left, top right, top right, center;
  @media (min-width: 1024px) {
    border-radius: 40px;
  }
}

/* ==========================================
   RESPONSIVE ADJUSTMENTS
   ========================================== */

@media (max-width: 1023px) {
  #homepage-floor1 {
    .homepage-floor1-info {
      padding: 0 30px !important;
    }
    .arrow-slider {
      bottom: 2rem !important;
    }
  }

  #homepage-floor2 {
    .homepage-floor2-square {
      .homepage-floor2-square-image {
        padding: 16px 0 !important;
      }
    }
  }
}

/* ==========================================
   RTL SUPPORT
   ========================================== */

body.rtl {
  #homepage-floor1 {
    .homepage-floor1-info {
      padding: 0 30px 0 200px;
      @media (max-width: 1023px) {
        padding: 0 30px !important;
      }
    }
    .arrow-slider {
      i {
        &.homepage-slider-next {
          transform: rotate(180deg);
        }
        &.homepage-slider-prev {
          transform: rotate(180deg);
        }
      }
    }
  }
}

/* ==========================================
   ANIMATION UTILITIES
   ========================================== */

.fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.scale-on-hover {
  transition: transform 0.3s ease;
  &:hover {
    transform: scale(1.05);
  }
}

/* ==========================================
   CSS CUSTOM PROPERTIES (VARIABLES)
   Конвертировано из _variables.scss
   ========================================== */

.btn-white {
  border: 1px solid var(--color-white);
  background-color: var(--color-white);
  padding: 1.25rem;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  /* Градиент всегда есть, но скрыт */
  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gradient-background);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
  }
  span {
    font-size: var(--text-p);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    background: var(--gradient-purple);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: color 0.3s ease, -webkit-text-fill-color 0.3s ease;
    position: relative;
    z-index: 1;
  }
  &:after {
    content: "\e907";
    font-family: 'icomoon' !important;
    margin-inline-start: 0.5rem;
    font-size: 0.7rem;
    color: #8A5BA5;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
  }
  &:focus {
    outline: 0;
  }
}

.btn-yellow{
  border: 1px solid var(--color-yellow);
  background-color: var(--color-yellow);
  padding: 1rem 1.5rem;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  /*box-shadow: 0 104px 29px 0 rgba(0, 0, 0, 0.00), 0 66px 27px 0 rgba(0, 0, 0, 0.03), 0 37px 22px 0 rgba(0, 0, 0, 0.10), 0 17px 17px 0 rgba(0, 0, 0, 0.16), 0 4px 9px 0 rgba(0, 0, 0, 0.19);*/
  span{
    font-size:1.125rem
  }
  span{
    font-weight:500
  }
  span{
    font-size:1.125rem;
    line-height:1.75rem
  }
  span{
    font-weight:500
  }
  span {
    line-height: 1.5;
    color: var(--color-text);
  }
  &:after {
    content: "\e901";
    font-family: 'icomoon' !important;
    margin-inline-start: 0.5rem;
    font-size: 0.7rem;
    color: var(--color-text);
    position: relative;
    z-index: 1;
  }
  &:focus {
    outline: 0;
  }
}

.btn-whatsapp{
  border: 1px solid #2BB673;
  background-color: #2BB673;
  padding: 5px 1rem;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.16);
  span{
    font-size:1.125rem
  }
  span{
    font-weight:500
  }
  span{
    font-size:1.125rem;
    line-height:1.75rem
  }
  span{
    font-weight:500
  }
  span {
    line-height: 1.5;
    color: white;
  }
  &:before {
    content: "\e908";
    font-family: 'icomoon' !important;
    margin-inline-end: 0.5rem;
    font-size: 33px;
    color: white;
    position: relative;
    z-index: 1;
  }
  &:focus {
    outline: 0;
  }
}

.btn-add-to-cart{
  font-weight:500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text);
  border: 1px solid var(--color-yellow);
  background-color: var(--color-yellow);
  padding: 0.5rem 1rem;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  /*box-shadow: 0 104px 29px 0 rgba(0, 0, 0, 0.00), 0 66px 27px 0 rgba(0, 0, 0, 0.03), 0 37px 22px 0 rgba(0, 0, 0, 0.10), 0 17px 17px 0 rgba(0, 0, 0, 0.16), 0 4px 9px 0 rgba(0, 0, 0, 0.19);*/
  @media (min-width: 640px) {
    font-size: 18px;

    padding: 0.5rem 1.5rem;
  }
  &:before {
    content: "\e909";
    font-family: 'icomoon' !important;
    margin-inline-end: 0.5rem;
    font-size: 18px;
    color: var(--color-text);
    position: relative;
    z-index: 1;
  }
  &:focus {
    outline: 0;
  }
}

.yellow-line{
  width: 64px;
  height: 6px;
  background-color: var(--color-yellow);
  border-radius: 100px;
}

.text-bg-gradient{
  background-image: var(--gradient-purple);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

input[type="number"]{
  &.qty {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
            appearance: textfield;
  }
  &.qty::-webkit-inner-spin-button, &.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  &:focus-visible{
    outline: none;
  }
}

@font-face {
  font-family: 'icomoon';

  src:  url('./assets/fonts/icomoon/icomoon.eot?zhz4ji2');

  src:  url('./assets/fonts/icomoon/icomoon.eot?zhz4ji2#iefix') format('embedded-opentype'),
  url('./assets/fonts/icomoon/icomoon.ttf?zhz4ji2') format('truetype'),
  url('./assets/fonts/icomoon/icomoon.woff?zhz4ji2') format('woff'),
  url('./assets/fonts/icomoon/icomoon.svg?zhz4ji2#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  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-first-arrow:before {
  content: "\e900";
}

.icon-nav-left:before {
  content: "\e901";
}

.icon-nav-right:before {
  content: "\e902";
}

.icon-plus:before {
  content: "\e903";
}

.icon-circle-right:before {
  content: "\e904";
}

.icon-circle-left:before {
  content: "\e905";
}

.icon-search:before {
  content: "\e906";
}

.icon-button-arrow:before {
  content: "\e907";
}

.icon-whatsapp:before {
  content: "\e908";
}

.icon-cart:before {
  content: "\e909";
}

.icon-bin:before {
  content: "\e90a";
}

.icon-user:before {
  content: "\e90b";
}

.icon-checkout:before {
  content: "\e90c";
}

.product-card{
  .product-card-price{
    font-size:1rem
  }
  .product-card-price{
    font-size:1rem;
    line-height:1.5rem
  }
  .product-card-price{
    del, del .woocommerce-Price-amount{
      font-size:1rem
    }
    del, del .woocommerce-Price-amount{
      font-weight:400
    }
    del, del .woocommerce-Price-amount{
      line-height:150%
    }
    del, del .woocommerce-Price-amount{
      --tw-text-opacity:1;
      color:rgb(153 153 153 / var(--tw-text-opacity, 1))
    }
    del, del .woocommerce-Price-amount{
      text-decoration-line:line-through
    }
    del, del .woocommerce-Price-amount{
      font-size:1rem;
      line-height:1.5rem
    }
    del, del .woocommerce-Price-amount{
      font-weight:400
    }
    ins, ins .woocommerce-Price-amount{
      font-size:1rem
    }
    ins, ins .woocommerce-Price-amount{
      font-weight:700
    }
    ins, ins .woocommerce-Price-amount{
      line-height:150%
    }
    ins, ins .woocommerce-Price-amount{
      --tw-text-opacity:1;
      color:rgb(241 53 43 / var(--tw-text-opacity, 1))
    }
    ins, ins .woocommerce-Price-amount{
      text-decoration-line:none
    }
    ins, ins .woocommerce-Price-amount{
      font-size:1rem;
      line-height:1.5rem
    }
    ins, ins .woocommerce-Price-amount{
      font-weight:700
    }
    ins, ins .woocommerce-Price-amount{
      text-decoration-line:none
    }
    .woocommerce-Price-amount{
      font-size:1rem
    }
    .woocommerce-Price-amount{
      font-weight:700
    }
    .woocommerce-Price-amount{
      line-height:150%
    }
    .woocommerce-Price-amount{
      font-size:1rem;
      line-height:1.5rem
    }
    .woocommerce-Price-amount{
      font-weight:700
    }
    .screen-reader-text{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0, 0, 0, 0);
      white-space:nowrap;
      border-width:0
    }
    .screen-reader-text{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border-width:0
    }
  }
  .quick-view-wrapper {
    transform: translateY(100%);
    transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
    .xt_wooqv-show-on-all{
      .xt_wooqv-trigger{
        width: 100%;
        text-align: center;
        .xt_wooqv-trigger-icon{
          margin-left: 5px;
          margin-right: auto;
        }
      }
    }
  }
  &:hover {
    .quick-view-wrapper {
      transform: translateY(0);
    }
  }
}

.yith-add-to-wishlist-button-block{
  border-radius: 150px;
  background: white;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  .yith-wcwl-add-to-wishlist-button{
    display: block;
    span{
      display: none;
    }
  }
  &.yith-add-to-wishlist-button-block--single{
    flex-direction: initial;
  }
}

.yith-wcwl-feedback-messages-container {
  display: none !important;
}

.page-navigation {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  .wp-pagenavi {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    font-family: 'Polin', sans-serif;
    span {
      font-size: 16px;
      font-weight: 500;
      background: white;
      color: #4A5565;
      border: 1px solid #E5E7EB;
      padding: 3px 10px;
      margin: 0;
      @media (min-width: 992px) {
        padding: 10px 16px;

        margin: 0;
      }
    }
    .current {
      background: #F1F1F1;
      color: #1447E6;
      border: 1px solid #D4D4D4;
      padding: 3px 10px;
      margin: 0;
      font-size: 16px;
      @media (min-width: 992px) {
        padding: 10px 16px;

        margin: 0;
      }
    }
    a {
      background: white;
      color: #4A5565;
      padding: 3px 10px;
      margin: 0;
      border: 1px solid #E5E7EB;
      font-size: 16px;
      font-weight: 500;
      @media (min-width: 992px) {
        padding: 10px 16px;

        margin: 0;
      }
      &:hover {
        background: #F1F1F1;
        color: #1447E6;
        border: 1px solid #D4D4D4;
      }
      &:last-child, &.last{
        border-radius: 12px 0 0 12px;
      }
      &:first-child, &.first{
        border-radius: 0 12px 12px 0;
      }
    }
    .nextpostslink,
    .previouspostslink {
      font-size: 16px;
      padding: 3px 10px;
      @media (min-width: 992px) {
        padding: 10px 16px;
      }
    }
  }
}

.woocommerce {
  .woocommerce-notices-wrapper{
    position: relative;
  }
  .woocommerce-message {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    /* max-width: 400px; */
    width: 100%;
    border-radius: 12px;
    border: 1px solid #22C55E;
    background: #D1FADF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    &:focus-visible{
      outline: 0;
    }
    &.show {
      opacity: 1;
      transform: translateY(0);
    }
    &.fade-out {
      opacity: 0;
      transform: translateY(-20px);
    }
    &:before {
      color: initial;
      top: 50%;
      transform: translateY(-50%);
    }
    &::after {
      display: none;
    }
    a.wc-forward {
      border-radius: 100px;
      border: 1px solid #212427;
      padding: 8px 24px;
      background: transparent;
      transition: all 0.3s ease;
    }
  }
}

#xt_wooqv {
  .xt_wooqv-product{
    .xt_wooqv-close-icon{
      left: 20px;
      right: auto;
    }
    .xt_wooqv-slider-wrapper{
    }
    .xt_wooqv-item-info{
      float: right;
      form{
        .quantity{
          margin: 0 0 0 10px !important;
        }
        .btn-add-to-cart{
          border: 0;
        }
      }
      .woocommerce-product-details__short-description{
        p{
          margin-bottom: 0;
        }
      }
    }
    @media only screen and (min-width: 901px) {
      .xt_wooqv-slider-wrapper {
        float: right;
      }
    }
  }
}

/* ==========================================
   CART PAGE STYLES
   ========================================== */

body.woocommerce-cart {
  /* Hide notices wrapper */
  .woocommerce-notices-wrapper, .wc-empty-cart-message {
    display: none;
  }
}

/* ==========================================
     TABLE RESPONSIVE - DESKTOP
     ========================================== */

.woocommerce{
  table.shop_table_responsive {
    margin: 0;
    thead {
      display: table-header-group;
    }
    tbody {
      display: table-row-group;
    }
    tr {
      display: table-row;
    }
    th,
          td {
      display: table-cell;
      vertical-align: middle;
    }
    /* Mobile responsive */
    @media screen and (max-width: 768px) {
      /* Hide table header */

      thead {
        display: none;
      }

      /* Stack table elements */

      tbody,
            tr,
            td {
        display: block;
        width: 100%;
      }

      /* Row styles */

      tr {
        border-bottom: 1px solid #e5e5e5;
        padding: 1.5rem 1rem;
      }

      /* Cell styles */

      td {
        text-align: right !important;
        padding: 0.5rem 0 !important;
        border: 0 !important;
        background-color: white !important;
        display: flex !important;
        align-items: center;
        /* Data title labels */
        &:before {
          content: attr(data-title);
          font-weight: bold;
          display: inline-block;
          margin-left: 1rem;
        }
        &.product-thumbnail {
          display: block !important;
          width: 100px;
          img {
            width: 100%;
            aspect-ratio: 1 / 1;
          }
        }
        &.product-quantity{
          display: flex !important;
          align-items: center;
        }
        &.product-remove{
          button{
            position: absolute;
            top: 1.5rem;
            left: 1rem;
          }
        }
      }

      /* Hide labels for thumbnail and remove */

      .product-thumbnail:before,
            .product-remove:before {
        display: none;
      }

      /* Product thumbnail and name layout */

      .product-thumbnail,
            .product-name {
        display: flex !important;
        /* gap: 1rem; */
        align-items: start;
      }

      /* Show actions */

      td.actions {
        display: block !important;
      }
    }
  }
}

/* ==========================================
     CART FORM
     ========================================== */

.woocommerce-cart-form {
  /* Quantity input */
  .quantity {
    display: flex;
    align-items: center;
    gap: 0;
    input.qty {
      border: none !important;
      text-align: center;
    }
    .qty-btn {
      cursor: pointer;
    }
  }
  table.cart img{
    width: 100%;
  }
}

.woocommerce-cart table.cart img,
  
  /* ==========================================
     CART TOTALS
     ========================================== */
  #cart-totals-wrapper {
  position: relative;
}

.cart_totals {
  padding: 0;
  table {
    width: 100%;
  }
  th,
    td {
    padding: 0.75rem 0;
    font-size: 20px;
    color: #212427;
    border: none;
  }
  .order-total {
    th,
      td {
      border-top: 1px solid #d4d4d4;
      padding-top: 1rem;
      margin-top: 0.5rem;
      font-size: 18px;
    }
    td {
      color: #595959;
    }
  }
}

/* Hide standard checkout button */

.wc-proceed-to-checkout {
  display: none;
}

/* ==========================================
     EMPTY CART STYLES
     ========================================== */

.empty-cart-wrapper {
  .empty-cart-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.5;
    color: #212427;
    margin-bottom: 20px;
  }
  .empty-cart-subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #212427;
    margin-bottom: 24px;
  }
  .empty-cart-button {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    height: auto;
    padding: 8px 24px;
    border-radius: 100px;
    background-color: #FFDE16;
    color: #212427;
    border: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    &:hover {
      background-color: rgba(255, 222, 22, 0.9);
      color: #212427;
    }
  }
}

/* ==========================================
     ANIMATIONS
     ========================================== */

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.woocommerce {
  div.product {
    .onsale{
      padding: 6px 20px;
      border-radius: 6px;
      border: 1px solid #FFF;
      background: #DBFFBB;
      min-height: auto;
      line-height: normal;
      right: 1rem;
      top: 1rem;
      color: #212427;
      font-size: 14px;
      font-weight: 900;
      line-height: 150%;
      /* 21px */
    }
    .price {
      ins .woocommerce-Price-amount,
      ins{
        font-size:28px
      }
      ins .woocommerce-Price-amount,
      ins{
        font-weight:700
      }
      ins .woocommerce-Price-amount,
      ins{
        line-height:1.5
      }
      ins .woocommerce-Price-amount,
      ins{
        --tw-text-opacity:1;
        color:rgb(33 36 39 / var(--tw-text-opacity, 1))
      }
      ins .woocommerce-Price-amount,
      ins{
        text-decoration-line:none
      }
      ins .woocommerce-Price-amount,
      ins{
        font-weight:700
      }
      ins .woocommerce-Price-amount,
      ins{
        line-height:1.5
      }
      ins .woocommerce-Price-amount,
      ins{
        text-decoration-line:none
      }
      /* Regular Price (обычная цена - в теге <del>) */
      del .woocommerce-Price-amount,
      del{
        font-size:28px
      }
      del .woocommerce-Price-amount,
      del{
        font-weight:400
      }
      del .woocommerce-Price-amount,
      del{
        line-height:1.5
      }
      del .woocommerce-Price-amount,
      del{
        --tw-text-opacity:1;
        color:rgb(128 128 128 / var(--tw-text-opacity, 1))
      }
      del .woocommerce-Price-amount,
      del{
        text-decoration-line:line-through
      }
      del .woocommerce-Price-amount,
      del{
        font-weight:400
      }
      del .woocommerce-Price-amount,
      del{
        line-height:1.5
      }
      del .woocommerce-Price-amount{
        margin-inline-end:0.75rem
      }
      del .woocommerce-Price-amount{
        margin-inline-end:.75rem
      }
      /* If the price is without a discount (just one price) */
      .woocommerce-Price-amount{
        font-size:28px
      }
      .woocommerce-Price-amount{
        font-weight:700
      }
      .woocommerce-Price-amount{
        line-height:1.5
      }
      .woocommerce-Price-amount{
        --tw-text-opacity:1;
        color:rgb(33 36 39 / var(--tw-text-opacity, 1))
      }
      .woocommerce-Price-amount{
        font-weight:700
      }
      .woocommerce-Price-amount{
        line-height:1.5
      }
    }
    table.variations {
      th.label {
        text-align: start;
      }
      tr.vi-wpvs-variation-attribute-type-color {
        td.vi-wpvs-variation-style-content {
          .vi-wpvs-option-wrap {
            padding: 0;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            border: 1px solid #D4D4D4;
            padding: 4px;
            &.vi-wpvs-option-wrap-hover, &.vi-wpvs-option-wrap-selected {
              border: 1px solid #000000;
              background: transparent;
            }
          }
        }
      }
      tr.vi-wpvs-variation-attribute-type-button {
        td.vi-wpvs-variation-style-content {
          .vi-wpvs-option-wrap {
            font-size: 16px;
            border-radius: 12px;
            border: 1px solid #D4D4D4;
            box-shadow: 0 1px 0.5px 0.05px rgba(29, 41, 61, 0.02);
          }
        }
      }
      .reset_variations{
        font-size: 1rem;
        padding-right: 10px;
      }
    }
    .woocommerce-tabs {
      ul.tabs {
        &:before {
          display: none;
        }
        @media (max-width: 1023px) {
          overflow-x: auto;

          overflow-y: visible;

          -webkit-overflow-scrolling: touch;

          scrollbar-width: thin;

          &::-webkit-scrollbar {
            height: 4px;
          }

          &::-webkit-scrollbar-track {
            background: transparent;
          }

          &::-webkit-scrollbar-thumb {
            background: #D4D4D4;
            border-radius: 2px;
          }
        }
        li {
          border: 0;
          border-bottom: 1px solid #D4D4D4;
          background-color: transparent;
          color: #515151;
          display: inline-block;
          position: relative;
          z-index: 0;
          border-radius: 0;
          margin: 0;
          padding: 0;
          @media (max-width: 1023px) {
            white-space: nowrap;

            flex-shrink: 0;
          }
          &:before {
            display: none;
          }
          &:after{
            content: '+';
            width: 20px;
            height: 20px;
            border: 0;
            box-shadow: none;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            top: 50%;
            transform: translateY(-50%);
            font-size: 25px;
          }
          &.active{
            background: transparent;
            border-bottom: 1px solid #D4D4D4;
            &:after{
              content: '-';
              box-shadow: none;
            }
          }
          a {
            padding-left: 28px;
          }
        }
      }
      /* Аккордеон для мобильных */
      .product-tabs-accordion {
        .accordion-item {
          margin-bottom: 24px;
          &:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
          }
        }
        .accordion-header {
          transition: opacity 0.2s ease;
          cursor: pointer;
          background: transparent;
          border: none;
          padding: 0;
          &:hover {
            opacity: 0.8;
          }
          /* &:focus {
            outline: 2px solid #212427;
            outline-offset: 2px;
            border-radius: 2px;
          } */
        }
        .accordion-title {
          font-family: 'Rubik', sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 1.5;
          color: #212427;
        }
        .accordion-icon {
          font-weight: normal;
          line-height: 1;
          font-size: 24px;
          color: #212427;
          transition: transform 0.3s ease;
        }
        .accordion-content {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
          opacity: 0;
          display: block !important;
          &.active {
            max-height: 5000px;
            opacity: 1;
          }
        }
        .accordion-content.active {
          max-height: 5000px !important;
          opacity: 1 !important;
        }
        .accordion-content > div {
          transition: padding-top 0.3s ease;
        }
      }
    }
    .iconic-woothumbs-images-wrap{
      .iconic-woothumbs-images{
        .iconic-woothumbs-images__slide{
          img.iconic-woothumbs-images__image{
            border-radius: 24px;
            -o-object-fit: cover;
               object-fit: cover;
          }
        }
      }
      .iconic-woothumbs-thumbnails-wrap{
        .iconic-woothumbs-thumbnails__control{
          display: block !important;
        }
      }
    }
  }
  .iconic-woothumbs-wishlist-buttons {
    display: none;
  }
}

.related-products-wrapper .related-products,
.recently-watched-wrapper .recently-watched {
  .slick-list {
    .slick-track {
      .slick-slide {
        margin: 0 10px;
      }
    }
  }
  .icon-nav-left{
    left: -4rem;
  }
  .icon-nav-right{
    right: -4rem;
  }
  @media (max-width: 1400px) {
    .icon-nav-left{
      left: 20px;
    }

    .icon-nav-right{
      right: 20px;
    }
  }
}

.woocommerce {
  form.checkout {
    #customer_details {
      .billing-fields, .shipping-fields {
        .form-row{
          padding: 8px;
          margin: 0;
          input {
            height: 64px;
            padding: 12px 16px;
            border-radius: 8px;
            border: 1px solid #D4D4D4;
            direction: rtl;
            background-color: transparent;
          }
          textarea {
            background-color: transparent;
            border: 1px solid #D4D4D4;
          }
          &.form-row-first, &.form-row-last{
            width: 50%;
          }
        }
      }
      #ship-to-different-address{
        .woocommerce-form__label{
          display: flex;
          padding: 0 8px;
          cursor: pointer;
          position: relative;
          transition: all 0.3s ease;
          &::after {
            content: '';
            width: 24px;
            height: 24px;
            border: 2px solid #ccc;
            border-radius: 6px;
            background: white;
            flex-shrink: 0;
            transition: all 0.3s ease;
            position: absolute;
            right: 0;
          }
          #ship-to-different-address-checkbox{
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
          }
          span {
            font-size: 16px;
            padding-right: 25px;
          }
          input[type="checkbox"]:checked ~ &::after,
          &:has(input[type="checkbox"]:checked)::after {
            background: #333;
            border-color: #333;
          }
          input[type="checkbox"]:checked ~ &::before,
          &:has(input[type="checkbox"]:checked)::before {
            content: '✓';
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 16px;
            font-weight: bold;
            z-index: 1;
          }
          &:hover::after {
            border-color: #999;
          }
        }
      }
    }
  }
  table.shop_table{
    border: 0;
    border-radius: 0;
    thead{
      th{
        font-size:1.5rem
      }
      th{
        font-weight:700
      }
      th{
        line-height:1.5
      }
      th{
        --tw-text-opacity:1;
        color:rgb(33 36 39 / var(--tw-text-opacity, 1))
      }
      th{
        font-size:1.5rem;
        line-height:2rem
      }
      th{
        font-weight:700
      }
      th{
        line-height:1.5
      }
    }
    tbody{
      tr{
        td{
          padding: 20px 12px;
          &.product-thumbnail{
            width: 80px;
          }
          &.product-name{
            font-size:1.125rem
          }
          &.product-name{
            font-weight:700
          }
          &.product-name{
            line-height:1.5
          }
          &.product-name{
            --tw-text-opacity:1;
            color:rgb(33 36 39 / var(--tw-text-opacity, 1))
          }
          &.product-name{
            font-size:1.125rem;
            line-height:1.75rem
          }
          &.product-name{
            font-weight:700
          }
          &.product-name{
            line-height:1.5
          }
          &.product-name {
            .product-quantity{
              --tw-bg-opacity:1;
              background-color:rgb(255 222 22 / var(--tw-bg-opacity, 1))
            }
            .product-quantity{
              font-size:1rem
            }
            .product-quantity{
              font-weight:700
            }
            .product-quantity{
              line-height:1.5
            }
            .product-quantity{
              --tw-text-opacity:1;
              color:rgb(33 36 39 / var(--tw-text-opacity, 1))
            }
            .product-quantity{
              font-size:1rem;
              line-height:1.5rem
            }
            .product-quantity{
              font-weight:700
            }
            .product-quantity{
              line-height:1.5
            }
            .product-quantity {
              padding: 0 8px;
              border-radius: 100px;
            }
          }
          &.product-total{
            .woocommerce-Price-amount{
              font-size:1.5rem
            }
            .woocommerce-Price-amount{
              font-weight:700
            }
            .woocommerce-Price-amount{
              line-height:1.5
            }
            .woocommerce-Price-amount{
              --tw-text-opacity:1;
              color:rgb(33 36 39 / var(--tw-text-opacity, 1))
            }
            .woocommerce-Price-amount{
              font-size:1.5rem;
              line-height:2rem
            }
            .woocommerce-Price-amount{
              font-weight:700
            }
            .woocommerce-Price-amount{
              line-height:1.5
            }
          }
        }
      }
    }
    tfoot{
      th, td{
        border: 0;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal;
        color: #595959;
        padding: 20px 12px;
      }
      .order-totals-wrapper {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 0;
        align-items: center;
        .totals-row {
          grid-column: 1 / -1;
          display: grid;
          grid-template-columns: 1fr 225px;
          align-items: center;
          padding: 12px 0;
          font-size: 1.25rem;
          font-weight: 700;
          color: #595959;
          @media (min-width: 768px) {
            grid-template-columns: 1fr 300px;
          }
          .totals-label {
            grid-column: 1;
            padding-left: 12px;
          }
          .totals-value {
            grid-column: 2;
            text-align: left;
            padding-right: 12px;
            @media (min-width: 640px) {
              text-align: right;
            }
          }
        }
        .shipping-totals {
          align-items: flex-start;
          .totals-label {
            align-self: flex-start;
            padding-top: 0;
          }
          .totals-value {
            /* text-align: left;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding-left: 0; */
          }
        }
        .order-total {
          border-top: 1px solid #ddd;
          margin-top: 12px;
          padding-top: 20px;
        }
        .woocommerce-terms-and-conditions-wrapper {
          grid-column: 1 / -1;
          margin-top: 16px;
          .woocommerce-terms-and-conditions-checkbox-wrapper {
            label {
              display: flex;
              align-items: flex-start;
              gap: 12px;
              cursor: pointer;
              input[type="checkbox"] {
                display: block;
                margin-top: 4px;
                width: 20px;
                height: 20px;
                accent-color: #FFDE16;
                cursor: pointer;
                flex-shrink: 0;
              }
            }
          }
        }
      }
      /* Стилизация списка */
    }
  }
  .woocommerce-shipping-methods {
    list-style: none;
    /* padding: 0; */
    margin: 0;
    display: flex;
    flex-direction: column;
    /* gap: 12px; */
    li {
      position: relative;
      margin: 0 0 8px 0;
      input[type="radio"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        &:checked + label::before {
          border-color: var(--color-text, #212427);
          background: var(--color-text, #212427);
          box-shadow: inset 0 0 0 4px #fff;
        }
      }
      label {
        cursor: pointer;
        display: flex !important;
        align-items: center;
        @media (min-width: 768px) {
          white-space: nowrap;
        }
        &::before {
          content: '';
          display: inline-block;
          width: 20px;
          height: 20px;
          border: 2px solid #ddd;
          border-radius: 50%;
          margin-left: 5px;
          flex-shrink: 0;
          transition: all 0.3s ease;
          background: #F1F1F1;
        }
      }
    }
  }
  #payment{
    background: white;
    padding: 2rem;
    ul.wc_payment_methods{
      border-bottom: 0;
      li.wc_payment_method{
        label{
          font-size: 18px;
          font-weight: 400;
          line-height: 1.5;
          margin-bottom: 5px;
          img{
            margin: 0;
          }
        }
        .payment_box{
          background-color: transparent;
          padding: 0;
          margin: 16px 0 0 0;
          &:before{
            display: none;
          }
          .payments-select-wrap{
            label{
              font-size: 18px;
              font-weight: 700;
              line-height: 1.5;
              margin-bottom: 5px;
            }
            select{
              border-radius: 10px;
              border: 1px solid #D4D4D4;
              background-color: #F2F2F2;
              appearance: none;
              -webkit-appearance: none;
              -moz-appearance: none;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-position: left 15px center;
              background-size: 14px;
              padding-left: 40px;
            }
          }
          p.woocommerce-SavedPaymentMethods-saveNew{
            display: flex;
            align-items: center;
            input{
              width: 20px !important;
              height: 20px;
              margin-left: 0.5rem;
            }
            label{
              margin-bottom: 0;
            }
          }
        }
      }
    }
    .place-order{
      margin: 0;
      padding: 0 1em;
      button#place_order{
        float: none;
        width: 100%;
        background-color: #FFDE16;
        height: 40px;
        border-radius: 100px;
        color: #212427;
      }
    }
  }
  @media (min-width: 768px) {
    #billing_houseno_field,
    #billing_flatno_field,
    #billing_floor_field {
      display: inline-flex;
      flex: 1;
    }
  }
}

.order-receipt-wrapper{
  .order-receipt-details{
    .order-receipt-details-info + p{
      display: none;
    }
    .w2t-tranzila-form-page{
      width: 100%;
      iframe{
        width: 100%;
      }
      form#w2t_tranzila_payment_form{
        a.cancel{
          display: none;
        }
      }
    }
  }
}

/**
 * Адаптивное отображение товаров в корзине
 */

/* Мобильная версия - вертикальное расположение (отдельные строки) */

@media (max-width: 767px) {
  .cart_item-mobile{
    .product-mobile-wrapper {
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 20px 0;
      border-top: 1px solid rgba(0, 0, 0, .1) !important;
      .product-mobile-thumbnail {
        display: flex;
        justify-content: flex-start;
        img {
          width: 80px;
          height: 80px;
          -o-object-fit: cover;
             object-fit: cover;
          border-radius: 8px;
        }
      }
    }
    .product-mobile-name {
      text-align: right;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      color: #595959;
      .product-quantity {
        display: inline-block;
        margin-right: 8px;
        padding: 0 8px;
        background-color: #FFDE16;
        border-radius: 100px;
        font-size: 16px;
        font-weight: 700;
        color: #595959;
      }
    }
    .product-mobile-total {
      text-align: right;
      font-size: 20px;
      font-weight: 700;
      color: #595959;
    }
  }
}

.woocommerce{
  form.login, form.register, .lost_reset_password{
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 2em 0 0 0;
    .form-row{
      margin-bottom: 12px;
      input.input-text{
        height: 60px;
        padding: 12px;
        border-radius: 8px;
        border: 1px solid #D4D4D4;
        background-color: transparent;
      }
    }
    .woocommerce-form-login__submit{
      float: none;
      margin: 0;
    }
    .woocommerce-form-login__rememberme{
      display: flex;
    }
  }
}

.woocommerce-account{
  .woocommerce-MyAccount-navigation{
    float: none;
    width: 100%;
  }
  form.woocommerce-address-fields{
    .woocommerce-address-fields__field-wrapper{
      .form-row{
        padding: 8px;
        margin: 0;
        input {
          height: 64px;
          padding: 12px 16px;
          border-radius: 8px;
          border: 1px solid #D4D4D4;
          direction: rtl;
        }
        &.form-row-first, &.form-row-last{
          width: 50%;
        }
      }
    }
  }
}

/* Address fields - 3 columns for house/flat/floor */

.address-field-third {
  width: 100% !important;
}

@media (min-width: 768px) {
  .address-field-third {
    width: calc(33.333%) !important;
    display: inline-block !important;
    vertical-align: top;
  }

  /* .form-row-middle {
      margin-left: 15px !important;
      margin-right: 15px !important;
  } */
}

/* Button styles */

/* .btn-yellow {
  display: inline-flex;
  align-items: center;
  justify-center: center;
  padding: 12px 24px;
  background: #FFDE16;
  color: #212427;
  font-weight: 600;
  border-radius: 100px;
  text-decoration: none;
  transition: opacity 0.3s;
}

.btn-yellow:hover {
  opacity: 0.9;
} */

.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: transparent;
  border: 2px solid #FFDE16;
  color: #212427;
  font-weight: 600;
  border-radius: 100px;
  text-decoration: none;
  transition: all 0.3s;
}

.btn-outline:hover {
  background: #FFDE16;
}

@media (min-width: 768px) {
  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
}

#projects{
  .project-item{
    @media (max-width: 768px) {
      flex-direction: column-reverse !important;
    }
    .project-item-content{
      a{
        color: blue;
        font-weight: 700;
        text-decoration: underline;
      }
    }
    .project-slider-navigation{
      .slick-list{
        .slick-track{
          .slick-slide{
            margin: 0 8px;
          }
        }
      }
    }
  }
}

#about{
  .about-content{
    p{
      margin-bottom: 1rem;
    }
    h2{
      font-size: 28px;
      font-weight: 400;
      line-height: 150%;
      margin-bottom: 1.5rem;
    }
  }
}

.blog{
  #search-bar{
    input{
      &:focus-visible{
        outline: none;
      }
    }
  }
}

.entry-content{
  h1{
    font-size: var(--text1);
  }
  h2{
    font-size: var(--text2);
  }
  h3{
    font-size: var(--text3);
  }
  h4{
    font-size: var(--text4);
  }
  h5{
    font-size: var(--text5);
  }
  h6{
    font-size: var(--text6);
  }
  p{
    font-size: var(--text-p);
  }
}

.main-form, .contact-form{
  input, select{
    height: 50px;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    background: #F6F7F8;
    box-shadow: 0 1px 0.5px 0.05px rgba(29, 41, 61, 0.02);
    color: black;
    padding: 10px 16px;
    direction: rtl !important;
    width: 100%;
  }
  .wpcf7-submit{
    height: 50px;
    width: 100%;
    border-radius: 8px;
  }
  select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6 5.5L10.5 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 12px 7px;
  }
  .form-acceptance{
    margin-top: 20px;
    span.wpcf7-list-item{
      label{
        @media (min-width: 992px) {
          align-items: center;
        }
        input{
          @media (min-width: 992px) {
            margin-top: 0;
          }
        }
      }
    }
  }
}

.wpcf7-response-output{
  display: none;
}

.form-acceptance{
  span.wpcf7-list-item{
    margin: 0;
    label{
      display: flex;
      align-items: flex-start;
      input{
        width: 20px;
        height: 20px;
        flex: none;
        margin-left: 10px;
        margin-top: 4px;
      }
      .wpcf7-list-item-label{
        a{
          text-decoration: underline;
          color: burlywood;
        }
      }
    }
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */

.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out,
 top 0.08s 0s ease-out,
 opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out,
 top 0.08s ease-out,
 opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */

.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease,
 opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease,
 opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Rubik, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-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.
*/

::-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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

input[type="range"]::-webkit-slider-thumb{
  height:1rem;
  width:1rem;
  border-radius:9999px;
  border:0;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  cursor:pointer
}

input[type="range"]:disabled::-webkit-slider-thumb{
  background:#a3a3a3
}

input[type="range"]:disabled:focus::-webkit-slider-thumb{
  background:#a3a3a3
}

input[type="range"]:disabled:active::-webkit-slider-thumb{
  background:#a3a3a3
}

input[type="range"]::-moz-range-thumb{
  height:1rem;
  width:1rem;
  border-radius:9999px;
  border:0;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  cursor:pointer
}

input[type="range"]:disabled::-moz-range-thumb{
  background:#a3a3a3
}

input[type="range"]::-moz-range-progress{
}

input[type="range"]::-ms-fill-lower{
}

input[type="range"]:focus{
  outline:none
}

input[type="range"]:focus::-webkit-slider-thumb{
}

input[type="range"]:active::-webkit-slider-thumb{
}

:root {
  /* ==========================================
       FONT SIZES
       ========================================== */
  --font-size-base: 1rem;
  /* 16px */
  --text1: 2.5rem;
  /* 40px */
  --text2: 2.5rem;
  /* 40px */
  --text3: 1.75rem;
  /* 28px */
  --text4: 1.5rem;
  /* 24px */
  --text5: 1.25rem;
  /* 20px */
  --text6: 1.125rem;
  /* 18px */
  --text-p: 1rem;
  /* 16px */
  --text-label: 0.875rem;
  /* 14px */
  --bread-crumbs-font-size: 0.875rem;
  /* Slider */
  --slider-title-font-size: 3.33rem;
  /* 53px */
  --slider-title-font-size-mobile: 2rem;
  --slider-subtitle-font-size: 1.27rem;
  /* 20px */
  /* ==========================================
       COLORS
       ========================================== */
  /* Main Colors */
  --color-dark: #4A5565;
  --color-text: #212427;
  --color-blue: #1447E6;
  --color-yellow: #FFDE16;
  --color-green: #4ABBB7;
  --color-brown: #DC892F;
  --color-title: #293952;
  --color-black: #212427;
  --color-white: #ffffff;
  --color-light-grey: #ececec;
  --color-grey: #cccccc;
  --color-purple: #56164D;
  --color-dark-grey: #808080;
  --color-cyan: #1273BD;
  --color-body: #444b62;
  /* Theme Colors */
  --color-1: #212427;
  /* text */
  --color-2: #4A5565;
  /* dark */
  --color-3: #1447E6;
  /* blue */
  --color-4: #8C91A0;
  /* dark-grey */
  --color-5: #ececec;
  /* light-grey */
  --color-6: #ffffff;
  /* white */
  /* ==========================================
       GRADIENTS
       ========================================== */
  --gradient-purple: linear-gradient(90deg, #132C2D 0%, #8A5BA5 71.15%, #132C2D 100%);
  --gradient-page: linear-gradient(202deg, #F5EEFF 29.08%, #EAFFF4 48.17%, #F5EEFF 71.31%);
  --gradient-background: radial-gradient(50% 50% at 50% 50%, #230763 0%, #070017 100%);
  --gradient-blue: linear-gradient(274deg, #65BDC2 0%, #86CED2 100%);
  /* ==========================================
       FONT FAMILY
       ========================================== */
  --font-family-base: 'Rubik', sans-serif;
  --font-family-sans-serif: 'Rubik', sans-serif;
  /* ==========================================
       FONT WEIGHTS
       ========================================== */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 900;
  /* Slider Weights */
  --slider-title-font-weight: 700;
  --slider-subtitle-font-weight: 700;
  --bread-crumbs-font-weight: 400;
  /* ==========================================
       SPACING
       ========================================== */
  --spacer: 2rem;
  --headings-margin-bottom: 0.5rem;
  /* ==========================================
       BUTTONS
       ========================================== */
  --btn-border-radius: 0px;
  --btn-padding-x: 1.69rem;
  --btn-padding-y: 0.6rem;
  --btn-border-width: 2px;
  --btn-line-height: 1;
  --btn-font-size: 1.13rem;
  /* ==========================================
       ICONS
       ========================================== */
  --icon-xxs: 0.625rem;
  /* 10px */
  --icon-xs: 0.78rem;
  /* 12.5px */
  --icon-s: 1.25rem;
  /* 20px */
  --icon-m: 1.875rem;
  /* 30px */
  --icon-l: 3.20rem;
  /* 51px */
  --icon-xl: 5rem;
  /* 80px */
  --icon-xxl: 8rem;
  /* 128px */
  /* ==========================================
       SHADOWS
       ========================================== */
  --box-shadow: 0 8px 24px 0 rgba(6, 19, 43, 0.15);
  --box-shadow-sm: 0 0 10px 0 rgba(87, 167, 230, 0.24);
  --box-shadow-lg: 0 0 29px 0 rgba(87, 167, 230, 0.24);
  --header-shadow: 0px 4px 12px 0px rgba(14, 48, 85, 0.25);
  --blog-shadow: 0 0 30px 15px rgba(56, 66, 69, 0.2);
  /* ==========================================
       INPUTS
       ========================================== */
  --input-border-radius: 5px;
  --input-bg: #fff;
  --input-border-width: 2px;
  --input-border-color: #ececec;
  --input-focus-border-color: #eb297a;
  --input-focus-box-shadow: 0px 0px 29px 0px rgba(87, 167, 230, 0.24);
  /* ==========================================
       BORDER RADIUS
       ========================================== */
  --border-radius: 1rem;
  /* ==========================================
       LINKS
       ========================================== */
  --link-color: #666666;
}

/* ==========================================
     RTL OVERRIDES (if needed)
     ========================================== */

[dir="rtl"] {
  /* Можно переопределить переменные для RTL */
}

/* Кнопки */

.btn-primary{
  background-color:rgb(20 71 230 / var(--tw-bg-opacity, 1));
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(59 113 202/var(--tw-bg-opacity));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}

.btn-primary:hover{
  opacity:0.9
}

/* Контейнеры */

/* Карточки */

.card{
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity));
  padding:1.5rem;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}

.card:hover{
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  --tw-shadow:0 0 29px 0 rgba(87, 167, 230, 0.24);
  --tw-shadow-colored:0 0 29px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

/* Заголовки */

/* Gradient Background */

.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
}

.pointer-events-none{
  pointer-events:none
}

.\!visible{
  visibility:visible !important
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

.inset-\[-8\.33\%_-16\.67\%\]{
  inset:-8.33% -16.67%
}

.inset-x-0{
  left:0px;
  right:0px
}

.-right-1{
  right:-0.25rem
}

.-right-2{
  right:-0.5rem
}

.-top-1{
  top:-0.25rem
}

.-top-2{
  top:-0.5rem
}

.bottom-0{
  bottom:0px
}

.bottom-1\/4{
  bottom:25%
}

.bottom-8{
  bottom:2rem
}

.bottom-full{
  bottom:100%
}

.left-0{
  left:0px
}

.left-1\/2{
  left:50%
}

.left-3{
  left:0.75rem
}

.left-4{
  left:1rem
}

.left-8{
  left:2rem
}

.left-\[-24px\]{
  left:-24px
}

.left-\[37\.5\%\]{
  left:37.5%
}

.right-0{
  right:0px
}

.right-4{
  right:1rem
}

.right-6{
  right:1.5rem
}

.right-8{
  right:2rem
}

.right-\[132px\]{
  right:132px
}

.right-\[37\.5\%\]{
  right:37.5%
}

.top-0{
  top:0px
}

.top-1\/2{
  top:50%
}

.top-1\/4{
  top:25%
}

.top-3{
  top:0.75rem
}

.top-4{
  top:1rem
}

.top-\[108px\]{
  top:108px
}

.top-full{
  top:100%
}

.z-10{
  z-index:10
}

.z-100{
  z-index:100
}

.z-20{
  z-index:20
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-\[1000\]{
  z-index:1000
}

.z-\[60\]{
  z-index:60
}

.z-\[999\]{
  z-index:999
}

.order-1{
  order:1
}

.order-2{
  order:2
}

.order-3{
  order:3
}

.order-4{
  order:4
}

.order-5{
  order:5
}

.col-span-1{
  grid-column:span 1 / span 1
}

.col-span-2{
  grid-column:span 2 / span 2
}

.m-0{
  margin:0px
}

.m-auto{
  margin:auto
}

.mx-0{
  margin-left:0px;
  margin-right:0px
}

.mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.mx-3{
  margin-left:0.75rem;
  margin-right:0.75rem
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-1{
  margin-top:0.25rem;
  margin-bottom:0.25rem
}

.my-10{
  margin-top:2.5rem;
  margin-bottom:2.5rem
}

.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.my-3{
  margin-top:0.75rem;
  margin-bottom:0.75rem
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.-mt-1{
  margin-top:-0.25rem
}

.mb-0{
  margin-bottom:0px
}

.mb-1{
  margin-bottom:0.25rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-12{
  margin-bottom:3rem
}

.mb-16{
  margin-bottom:4rem
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-7{
  margin-bottom:1.75rem
}

.mb-8{
  margin-bottom:2rem
}

.me-1{
  margin-inline-end:0.25rem
}

.ml-2{
  margin-left:0.5rem
}

.ml-4{
  margin-left:1rem
}

.ms-1{
  margin-inline-start:0.25rem
}

.ms-auto{
  margin-inline-start:auto
}

.mt-0\.5{
  margin-top:0.125rem
}

.mt-1{
  margin-top:0.25rem
}

.mt-12{
  margin-top:3rem
}

.mt-16{
  margin-top:4rem
}

.mt-2{
  margin-top:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-8{
  margin-top:2rem
}

.mt-\[var\(--header-height\)\]{
  margin-top:var(--header-height)
}

.box-border{
  box-sizing:border-box
}

.line-clamp-2{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.aspect-\[1\/1\]{
  aspect-ratio:1/1
}

.aspect-square{
  aspect-ratio:1 / 1
}

.size-\[100px\]{
  width:100px;
  height:100px
}

.\!h-12{
  height:3rem !important
}

.\!h-8{
  height:2rem !important
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-16{
  height:4rem
}

.h-2{
  height:0.5rem
}

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-4{
  height:1rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-7{
  height:1.75rem
}

.h-8{
  height:2rem
}

.h-\[100px\]{
  height:100px
}

.h-\[264px\]{
  height:264px
}

.h-\[300px\]{
  height:300px
}

.h-\[38px\]{
  height:38px
}

.h-\[414px\]{
  height:414px
}

.h-\[43px\]{
  height:43px
}

.h-\[500px\]{
  height:500px
}

.h-\[62px\]{
  height:62px
}

.h-\[67px\]{
  height:67px
}

.h-\[700px\]{
  height:700px
}

.h-\[77px\]{
  height:77px
}

.h-\[78px\]{
  height:78px
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.max-h-6{
  max-height:1.5rem
}

.max-h-\[90vh\]{
  max-height:90vh
}

.max-h-full{
  max-height:100%
}

.max-h-screen{
  max-height:100vh
}

.min-h-px{
  min-height:1px
}

.min-h-screen{
  min-height:100vh
}

.\!w-full{
  width:100% !important
}

.w-1\/2{
  width:50%
}

.w-1\/3{
  width:33.333333%
}

.w-10{
  width:2.5rem
}

.w-11\/12{
  width:91.666667%
}

.w-12{
  width:3rem
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-4{
  width:1rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-7{
  width:1.75rem
}

.w-8{
  width:2rem
}

.w-\[100px\]{
  width:100px
}

.w-\[120px\]{
  width:120px
}

.w-\[136px\]{
  width:136px
}

.w-\[201px\]{
  width:201px
}

.w-\[205px\]{
  width:205px
}

.w-\[213px\]{
  width:213px
}

.w-\[228px\]{
  width:228px
}

.w-\[264px\]{
  width:264px
}

.w-\[34px\]{
  width:34px
}

.w-\[38px\]{
  width:38px
}

.w-\[77px\]{
  width:77px
}

.w-\[min-content\]{
  width:-moz-min-content;
  width:min-content
}

.w-auto{
  width:auto
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.w-px{
  width:1px
}

.min-w-0{
  min-width:0px
}

.min-w-\[120px\]{
  min-width:120px
}

.min-w-\[200px\]{
  min-width:200px
}

.min-w-full{
  min-width:100%
}

.min-w-px{
  min-width:1px
}

.max-w-4xl{
  max-width:56rem
}

.max-w-5xl{
  max-width:64rem
}

.max-w-6{
  max-width:1.5rem
}

.max-w-6xl{
  max-width:72rem
}

.max-w-7xl{
  max-width:80rem
}

.max-w-\[1024px\]{
  max-width:1024px
}

.max-w-\[1350px\]{
  max-width:1350px
}

.max-w-\[1536px\]{
  max-width:1536px
}

.max-w-\[1656px\]{
  max-width:1656px
}

.max-w-\[300px\]{
  max-width:300px
}

.max-w-\[375px\]{
  max-width:375px
}

.max-w-\[400px\]{
  max-width:400px
}

.max-w-\[520px\]{
  max-width:520px
}

.max-w-\[600px\]{
  max-width:600px
}

.max-w-\[800px\]{
  max-width:800px
}

.max-w-full{
  max-width:100%
}

.max-w-md{
  max-width:28rem
}

.max-w-none{
  max-width:none
}

.max-w-screen-2xl{
  max-width:1536px
}

.max-w-screen-xl{
  max-width:1280px
}

.flex-1{
  flex:1 1 0%
}

.flex-none{
  flex:none
}

.flex-shrink-0{
  flex-shrink:0
}

.shrink-0{
  flex-shrink:0
}

.flex-grow{
  flex-grow:1
}

.-translate-x-1\/2{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full{
  --tw-translate-x:-100%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-full{
  --tw-translate-y:-100%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-\[-100\%\]{
  --tw-scale-y:-100%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-pointer{
  cursor:pointer
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.flex-row{
  flex-direction:row
}

.flex-row-reverse{
  flex-direction:row-reverse
}

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.flex-nowrap{
  flex-wrap:nowrap
}

.content-stretch{
  align-content:stretch
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.gap-0{
  gap:0px
}

.gap-10{
  gap:2.5rem
}

.gap-12{
  gap:3rem
}

.gap-14{
  gap:3.5rem
}

.gap-2{
  gap:0.5rem
}

.gap-24{
  gap:6rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-6{
  gap:1.5rem
}

.gap-7{
  gap:1.75rem
}

.gap-8{
  gap:2rem
}

.gap-\[21px\]{
  gap:21px
}

.gap-\[34px\]{
  gap:34px
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.self-stretch{
  align-self:stretch
}

.overflow-hidden{
  overflow:hidden
}

.overflow-clip{
  overflow:clip
}

.overflow-x-auto{
  overflow-x:auto
}

.overflow-y-auto{
  overflow-y:auto
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.whitespace-nowrap{
  white-space:nowrap
}

.whitespace-pre-wrap{
  white-space:pre-wrap
}

.break-words{
  overflow-wrap:break-word
}

.rounded{
  border-radius:0.25rem
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-3xl{
  border-radius:1.5rem
}

.rounded-\[100px\]{
  border-radius:100px
}

.rounded-\[12px\]{
  border-radius:12px
}

.rounded-\[24px\]{
  border-radius:24px
}

.rounded-\[27\.881px\]{
  border-radius:27.881px
}

.rounded-\[28px\]{
  border-radius:28px
}

.rounded-\[8px\]{
  border-radius:8px
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-md{
  border-radius:0.375rem
}

.rounded-xl{
  border-radius:0.75rem
}

.rounded-b-3xl{
  border-bottom-right-radius:1.5rem;
  border-bottom-left-radius:1.5rem
}

.rounded-b-\[64px\]{
  border-bottom-right-radius:64px;
  border-bottom-left-radius:64px
}

.rounded-t-3xl{
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem
}

.rounded-t-xl{
  border-top-left-radius:0.75rem;
  border-top-right-radius:0.75rem
}

.border{
  border-width:1px
}

.border-0{
  border-width:0px
}

.border-2{
  border-width:2px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-r-4{
  border-right-width:4px
}

.border-t{
  border-top-width:1px
}

.border-solid{
  border-style:solid
}

.border-\[\#212427\]{
  --tw-border-opacity:1;
  border-color:rgb(33 36 39 / var(--tw-border-opacity, 1))
}

.border-\[\#D4D4D4\]{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))
}

.border-\[\#d4d4d4\]{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))
}

.border-\[\#ffc907\]{
  --tw-border-opacity:1;
  border-color:rgb(255 201 7 / var(--tw-border-opacity, 1))
}

.border-black{
  --tw-border-opacity:1;
  border-color:rgb(33 36 39 / var(--tw-border-opacity, 1))
}

.border-border-gray{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))
}

.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-grey{
  --tw-border-opacity:1;
  border-color:rgb(204 204 204 / var(--tw-border-opacity, 1))
}

.border-neutral-300{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))
}

.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))
}

.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.bg-\[\#212427\]{
  --tw-bg-opacity:1;
  background-color:rgb(33 36 39 / var(--tw-bg-opacity, 1))
}

.bg-\[\#DBFFBB\]{
  --tw-bg-opacity:1;
  background-color:rgb(219 255 187 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F1F1F1\]{
  --tw-bg-opacity:1;
  background-color:rgb(241 241 241 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FFDE16\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 222 22 / var(--tw-bg-opacity, 1))
}

.bg-\[\#d4d4d4\]{
  --tw-bg-opacity:1;
  background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f1f1f1\]{
  --tw-bg-opacity:1;
  background-color:rgb(241 241 241 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f8f8f8\]{
  --tw-bg-opacity:1;
  background-color:rgb(248 248 248 / var(--tw-bg-opacity, 1))
}

.bg-\[\#ffdada\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 218 218 / var(--tw-bg-opacity, 1))
}

.bg-\[\#ffde16\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 222 22 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fff1d9\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 241 217 / var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(188\2c 188\2c 188\2c 0\.3\)\]{
  background-color:rgba(188,188,188,0.3)
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(33 36 39 / var(--tw-bg-opacity, 1))
}

.bg-black\/50{
  background-color:rgb(33 36 39 / 0.5)
}

.bg-blue{
  --tw-bg-opacity:1;
  background-color:rgb(20 71 230 / var(--tw-bg-opacity, 1))
}

.bg-color-6{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.bg-light-grey{
  --tw-bg-opacity:1;
  background-color:rgb(236 236 236 / var(--tw-bg-opacity, 1))
}

.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

.bg-transparent{
  background-color:transparent
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-yellow{
  --tw-bg-opacity:1;
  background-color:rgb(255 222 22 / var(--tw-bg-opacity, 1))
}

.bg-opacity-50{
  --tw-bg-opacity:0.5
}

.bg-opacity-90{
  --tw-bg-opacity:0.9
}

.bg-gradient-to-b{
  background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#4B525A\]{
  --tw-gradient-from:#4B525A var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(75 82 90 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/10{
  --tw-gradient-from:rgb(255 255 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/80{
  --tw-gradient-from:rgb(255 255 255 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#212427\]{
  --tw-gradient-to:#212427 var(--tw-gradient-to-position)
}

.to-gray-400\/0{
  --tw-gradient-to:rgb(156 163 175 / 0) var(--tw-gradient-to-position)
}

.bg-cover{
  background-size:cover
}

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

.bg-center{
  background-position:center
}

.object-contain{
  -o-object-fit:contain;
     object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover
}

.object-center{
  -o-object-position:center;
     object-position:center
}

.p-0{
  padding:0px
}

.p-1{
  padding:0.25rem
}

.p-12{
  padding:3rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-8{
  padding:2rem
}

.px-0{
  padding-left:0px;
  padding-right:0px
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.px-10{
  padding-left:2.5rem;
  padding-right:2.5rem
}

.px-16{
  padding-left:4rem;
  padding-right:4rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.px-\[132px\]{
  padding-left:132px;
  padding-right:132px
}

.py-0{
  padding-top:0px;
  padding-bottom:0px
}

.py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.py-1\.5{
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.py-16{
  padding-top:4rem;
  padding-bottom:4rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.py-\[6px\]{
  padding-top:6px;
  padding-bottom:6px
}

.pb-0{
  padding-bottom:0px
}

.pb-1{
  padding-bottom:0.25rem
}

.pb-10{
  padding-bottom:2.5rem
}

.pb-12{
  padding-bottom:3rem
}

.pb-16{
  padding-bottom:4rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pb-8{
  padding-bottom:2rem
}

.pl-1{
  padding-left:0.25rem
}

.pr-1{
  padding-right:0.25rem
}

.pr-12{
  padding-right:3rem
}

.pr-16{
  padding-right:4rem
}

.ps-2{
  padding-inline-start:0.5rem
}

.pt-0{
  padding-top:0px
}

.pt-10{
  padding-top:2.5rem
}

.pt-12{
  padding-top:3rem
}

.pt-16{
  padding-top:4rem
}

.pt-3{
  padding-top:0.75rem
}

.pt-4{
  padding-top:1rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-8{
  padding-top:2rem
}

.pt-\[14px\]{
  padding-top:14px
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-start{
  text-align:start
}

.\!text-2xl{
  font-size:1.5rem !important
}

.\!text-lg{
  font-size:1.125rem !important
}

.text-2xl{
  font-size:1.5rem
}

.text-3xl{
  font-size:2rem
}

.text-4xl{
  font-size:2.5rem
}

.text-\[1\.75rem\]{
  font-size:1.75rem
}

.text-\[18px\]{
  font-size:18px
}

.text-\[20px\]{
  font-size:20px
}

.text-\[24px\]{
  font-size:24px
}

.text-\[28px\]{
  font-size:28px
}

.text-\[32px\]{
  font-size:32px
}

.text-\[40px\]{
  font-size:40px
}

.text-base{
  font-size:1rem
}

.text-lg{
  font-size:1.125rem
}

.text-sm{
  font-size:0.875rem
}

.text-xl{
  font-size:1.25rem
}

.text-xs{
  font-size:0.625rem
}

.font-black{
  font-weight:900
}

.font-bold{
  font-weight:700
}

.font-extrabold{
  font-weight:900
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.leading-\[1\.5\]{
  line-height:1.5
}

.leading-\[150\%\]{
  line-height:150%
}

.leading-\[200\%\]{
  line-height:200%
}

.leading-normal{
  line-height:1.5
}

.leading-relaxed{
  line-height:1.6
}

.leading-tight{
  line-height:1.2
}

.text-\[\#101828\]{
  --tw-text-opacity:1;
  color:rgb(16 24 40 / var(--tw-text-opacity, 1))
}

.text-\[\#1447e6\]{
  --tw-text-opacity:1;
  color:rgb(20 71 230 / var(--tw-text-opacity, 1))
}

.text-\[\#212427\]{
  --tw-text-opacity:1;
  color:rgb(33 36 39 / var(--tw-text-opacity, 1))
}

.text-\[\#4A5565\]{
  --tw-text-opacity:1;
  color:rgb(74 85 101 / var(--tw-text-opacity, 1))
}

.text-\[\#939393\]{
  --tw-text-opacity:1;
  color:rgb(147 147 147 / var(--tw-text-opacity, 1))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(33 36 39 / var(--tw-text-opacity, 1))
}

.text-blue{
  --tw-text-opacity:1;
  color:rgb(20 71 230 / var(--tw-text-opacity, 1))
}

.text-color-1{
  --tw-text-opacity:1;
  color:rgb(33 36 39 / var(--tw-text-opacity, 1))
}

.text-color-2{
  --tw-text-opacity:1;
  color:rgb(74 85 101 / var(--tw-text-opacity, 1))
}

.text-color-3{
  --tw-text-opacity:1;
  color:rgb(20 71 230 / var(--tw-text-opacity, 1))
}

.text-color-4{
  --tw-text-opacity:1;
  color:rgb(140 145 160 / var(--tw-text-opacity, 1))
}

.text-current{
  color:currentColor
}

.text-dark{
  --tw-text-opacity:1;
  color:rgb(74 85 101 / var(--tw-text-opacity, 1))
}

.text-dark-grey{
  --tw-text-opacity:1;
  color:rgb(128 128 128 / var(--tw-text-opacity, 1))
}

.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-orange-600{
  --tw-text-opacity:1;
  color:rgb(234 88 12 / var(--tw-text-opacity, 1))
}

.text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1))
}

.text-red-700{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.text-red-800{
  --tw-text-opacity:1;
  color:rgb(153 27 27 / var(--tw-text-opacity, 1))
}

.text-text{
  --tw-text-opacity:1;
  color:rgb(33 36 39 / var(--tw-text-opacity, 1))
}

.text-transparent{
  color:transparent
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.underline{
  text-decoration-line:underline
}

.line-through{
  text-decoration-line:line-through
}

.opacity-0{
  opacity:0
}

.opacity-40{
  opacity:0.4
}

.opacity-50{
  opacity:0.5
}

.shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_-214px_60px_0_rgba\(97\2c 97\2c 97\2c 0\)\2c 0_-137px_55px_0_rgba\(97\2c 97\2c 97\2c 0\)\2c 0_-77px_46px_0_rgba\(97\2c 97\2c 97\2c 0\.01\)\2c 0_-34px_34px_0_rgba\(97\2c 97\2c 97\2c 0\.01\)\2c 0_-9px_19px_0_rgba\(97\2c 97\2c 97\2c 0\.01\)\]{
  --tw-shadow:0 -214px 60px 0 rgba(97,97,97,0),0 -137px 55px 0 rgba(97,97,97,0),0 -77px 46px 0 rgba(97,97,97,0.01),0 -34px 34px 0 rgba(97,97,97,0.01),0 -9px 19px 0 rgba(97,97,97,0.01);
  --tw-shadow-colored:0 -214px 60px 0 var(--tw-shadow-color), 0 -137px 55px 0 var(--tw-shadow-color), 0 -77px 46px 0 var(--tw-shadow-color), 0 -34px 34px 0 var(--tw-shadow-color), 0 -9px 19px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_-4px_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow:0 -4px 12px rgba(0,0,0,0.1);
  --tw-shadow-colored:0 -4px 12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_38px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\2c 4px_12px_20px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\]{
  --tw-shadow:0 0 38px 0 rgba(0,0,0,0.16),4px 12px 20px 0 rgba(0,0,0,0.25) inset;
  --tw-shadow-colored:0 0 38px 0 var(--tw-shadow-color), inset 4px 12px 20px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_12px_0_rgba\(141\2c 141\2c 141\2c 0\.25\)\]{
  --tw-shadow:0 4px 12px 0 rgba(141,141,141,0.25);
  --tw-shadow-colored:0 4px 12px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_38px_0px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{
  --tw-shadow:0px 0px 38px 0px rgba(0,0,0,0.16);
  --tw-shadow-colored:0px 0px 38px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_4\.104px_0px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{
  --tw-shadow:0px 0px 4.104px 0px rgba(0,0,0,0.16);
  --tw-shadow-colored:0px 0px 4.104px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_1px_0\.5px_0\.05px_rgba\(29\2c 41\2c 61\2c 0\.02\)\]{
  --tw-shadow:0px 1px 0.5px 0.05px rgba(29,41,61,0.02);
  --tw-shadow-colored:0px 1px 0.5px 0.05px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_218px_61px_0px_rgba\(0\2c 0\2c 0\2c 0\)\2c 0px_139px_56px_0px_rgba\(0\2c 0\2c 0\2c 0\)\2c 0px_78px_47px_0px_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0px_35px_35px_0px_rgba\(0\2c 0\2c 0\2c 0\.02\)\2c 0px_9px_19px_0px_rgba\(0\2c 0\2c 0\2c 0\.02\)\]{
  --tw-shadow:0px 218px 61px 0px rgba(0,0,0,0),0px 139px 56px 0px rgba(0,0,0,0),0px 78px 47px 0px rgba(0,0,0,0.01),0px 35px 35px 0px rgba(0,0,0,0.02),0px 9px 19px 0px rgba(0,0,0,0.02);
  --tw-shadow-colored:0px 218px 61px 0px var(--tw-shadow-color), 0px 139px 56px 0px var(--tw-shadow-color), 0px 78px 47px 0px var(--tw-shadow-color), 0px 35px 35px 0px var(--tw-shadow-color), 0px 9px 19px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_4px_6px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0px_2px_4px_-2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow:0px 4px 6px -1px rgba(0,0,0,0.1),0px 2px 4px -2px rgba(0,0,0,0.1);
  --tw-shadow-colored:0px 4px 6px -1px var(--tw-shadow-color), 0px 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_6px_24px_0px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow:0px 6px 24px 0px rgba(0,0,0,0.12);
  --tw-shadow-colored:0px 6px 24px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_2px_4px_7\.6px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow:inset 2px 4px 7.6px 0 rgba(0,0,0,0.25);
  --tw-shadow-colored:inset 2px 4px 7.6px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg{
  --tw-shadow:0 0 29px 0 rgba(87, 167, 230, 0.24);
  --tw-shadow-colored:0 0 29px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 0 10px 0 rgba(87, 167, 230, 0.24);
  --tw-shadow-colored:0 0 10px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-yellow-btn{
  --tw-shadow:0 104px 29px 0 rgba(0, 0, 0, 0), 0 66px 27px 0 rgba(0, 0, 0, 0.03), 0 37px 22px 0 rgba(0, 0, 0, 0.10), 0 17px 17px 0 rgba(0, 0, 0, 0.16), 0 4px 9px 0 rgba(0, 0, 0, 0.19);
  --tw-shadow-colored:0 104px 29px 0 var(--tw-shadow-color), 0 66px 27px 0 var(--tw-shadow-color), 0 37px 22px 0 var(--tw-shadow-color), 0 17px 17px 0 var(--tw-shadow-color), 0 4px 9px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-shadow{
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.duration-200{
  transition-duration:200ms
}

.duration-300{
  transition-duration:300ms
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

/* RTL Support */

/* Анимации появления */

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Z-index utilities */

.\[appearance\:textfield\]{
  -webkit-appearance:textfield;
     -moz-appearance:textfield;
          appearance:textfield
}

.\[overflow-anchor\:none\]{
  overflow-anchor:none
}

/* В твоём main.css или custom.css */

.container {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  /* padding-left: 1rem; */
  /* padding-right: 1rem; */
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

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

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

/* Кастомные стили компонентов */

/* Кастомные утилиты */

/* Typography improvements for Hebrew */

body {
  font-family: 'Rubik', sans-serif;
  direction: rtl;
  background: #F1F1F1;
}

/* Smooth scrolling */

html {
  scroll-behavior: smooth;
}

.hover\:z-\[2\]:hover{
  z-index:2
}

.hover\:scale-110:hover{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:bg-\[\#FFDE16\]\/90:hover{
  background-color:rgb(255 222 22 / 0.9)
}

.hover\:bg-\[\#ffb3b3\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 179 179 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#ffe8a3\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 232 163 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.hover\:bg-light-grey:hover{
  --tw-bg-opacity:1;
  background-color:rgb(236 236 236 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-yellow\/90:hover{
  background-color:rgb(255 222 22 / 0.9)
}

.hover\:text-\[\#0d2fa0\]:hover{
  --tw-text-opacity:1;
  color:rgb(13 47 160 / var(--tw-text-opacity, 1))
}

.hover\:text-\[\#1447e6\]:hover{
  --tw-text-opacity:1;
  color:rgb(20 71 230 / var(--tw-text-opacity, 1))
}

.hover\:text-blue:hover{
  --tw-text-opacity:1;
  color:rgb(20 71 230 / var(--tw-text-opacity, 1))
}

.hover\:text-red-500:hover{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.hover\:text-red-700:hover{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.hover\:no-underline:hover{
  text-decoration-line:none
}

.hover\:opacity-100:hover{
  opacity:1
}

.hover\:opacity-75:hover{
  opacity:0.75
}

.hover\:opacity-80:hover{
  opacity:0.8
}

.hover\:opacity-90:hover{
  opacity:0.9
}

.hover\:shadow-lg:hover{
  --tw-shadow:0 0 29px 0 rgba(87, 167, 230, 0.24);
  --tw-shadow-colored:0 0 29px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:z-\[3\]:focus{
  z-index:3
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-blue:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(20 71 230 / var(--tw-ring-opacity, 1))
}

.focus\:ring-grey:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(204 204 204 / var(--tw-ring-opacity, 1))
}

.group:hover .group-hover\:visible{
  visibility:visible
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:opacity-100{
  opacity:1
}

.group[data-twe-collapse-collapsed] .group-data-\[twe-collapse-collapsed\]\:rotate-0{
  --tw-rotate:0deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 640px){
  .sm\:w-auto{
    width:auto
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .sm\:flex-row{
    flex-direction:row
  }

  .sm\:items-center{
    align-items:center
  }

  .sm\:gap-6{
    gap:1.5rem
  }

  .sm\:bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }

  .sm\:px-12{
    padding-left:3rem;
    padding-right:3rem
  }

  .sm\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }

  .sm\:shadow-sm{
    --tw-shadow:0 0 10px 0 rgba(87, 167, 230, 0.24);
    --tw-shadow-colored:0 0 10px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }

  .sm\:hover\:shadow-lg:hover{
    --tw-shadow:0 0 29px 0 rgba(87, 167, 230, 0.24);
    --tw-shadow-colored:0 0 29px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }
}

@media (min-width: 768px){
  .md\:mb-8{
    margin-bottom:2rem
  }

  .md\:block{
    display:block
  }

  .md\:inline{
    display:inline
  }

  .md\:flex{
    display:flex
  }

  .md\:table-row{
    display:table-row
  }

  .md\:contents{
    display:contents
  }

  .md\:hidden{
    display:none
  }

  .md\:h-8{
    height:2rem
  }

  .md\:w-1\/2{
    width:50%
  }

  .md\:w-1\/3{
    width:33.333333%
  }

  .md\:w-8{
    width:2rem
  }

  .md\:w-auto{
    width:auto
  }

  .md\:flex-1{
    flex:1 1 0%
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .md\:flex-row{
    flex-direction:row
  }

  .md\:flex-row-reverse{
    flex-direction:row-reverse
  }

  .md\:gap-4{
    gap:1rem
  }

  .md\:gap-6{
    gap:1.5rem
  }

  .md\:gap-8{
    gap:2rem
  }

  .md\:rounded-bl-\[64px\]{
    border-bottom-left-radius:64px
  }

  .md\:rounded-br-\[64px\]{
    border-bottom-right-radius:64px
  }

  .md\:p-6{
    padding:1.5rem
  }

  .md\:px-16{
    padding-left:4rem;
    padding-right:4rem
  }

  .md\:px-48{
    padding-left:12rem;
    padding-right:12rem
  }

  .md\:px-\[192px\]{
    padding-left:192px;
    padding-right:192px
  }

  .md\:px-\[70px\]{
    padding-left:70px;
    padding-right:70px
  }

  .md\:py-10{
    padding-top:2.5rem;
    padding-bottom:2.5rem
  }

  .md\:py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem
  }

  .md\:pb-\[70px\]{
    padding-bottom:70px
  }

  .md\:pt-12{
    padding-top:3rem
  }

  .md\:pt-6{
    padding-top:1.5rem
  }

  .md\:pt-\[71px\]{
    padding-top:71px
  }

  .md\:text-2xl{
    font-size:1.5rem
  }

  .md\:text-lg{
    font-size:1.125rem
  }
}

@media (min-width: 1024px){
  .lg\:order-1{
    order:1
  }

  .lg\:order-2{
    order:2
  }

  .lg\:order-3{
    order:3
  }

  .lg\:order-4{
    order:4
  }

  .lg\:order-5{
    order:5
  }

  .lg\:col-span-1{
    grid-column:span 1 / span 1
  }

  .lg\:mx-0{
    margin-left:0px;
    margin-right:0px
  }

  .lg\:mb-0{
    margin-bottom:0px
  }

  .lg\:mb-10{
    margin-bottom:2.5rem
  }

  .lg\:mb-12{
    margin-bottom:3rem
  }

  .lg\:mb-16{
    margin-bottom:4rem
  }

  .lg\:mt-0{
    margin-top:0px
  }

  .lg\:mt-16{
    margin-top:4rem
  }

  .lg\:block{
    display:block
  }

  .lg\:inline-block{
    display:inline-block
  }

  .lg\:flex{
    display:flex
  }

  .lg\:hidden{
    display:none
  }

  .lg\:h-\[75vh\]{
    height:75vh
  }

  .lg\:min-h-\[683px\]{
    min-height:683px
  }

  .lg\:w-1\/2{
    width:50%
  }

  .lg\:w-1\/4{
    width:25%
  }

  .lg\:w-1\/5{
    width:20%
  }

  .lg\:w-3\/4{
    width:75%
  }

  .lg\:w-4\/5{
    width:80%
  }

  .lg\:w-64{
    width:16rem
  }

  .lg\:max-w-\[408px\]{
    max-width:408px
  }

  .lg\:max-w-xs{
    max-width:20rem
  }

  .lg\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .lg\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .lg\:grid-cols-\[1fr_1fr_1fr_1fr_1\.5fr\]{
    grid-template-columns:1fr 1fr 1fr 1fr 1.5fr
  }

  .lg\:flex-row{
    flex-direction:row
  }

  .lg\:flex-col{
    flex-direction:column
  }

  .lg\:flex-wrap{
    flex-wrap:wrap
  }

  .lg\:items-center{
    align-items:center
  }

  .lg\:justify-start{
    justify-content:flex-start
  }

  .lg\:justify-center{
    justify-content:center
  }

  .lg\:gap-0{
    gap:0px
  }

  .lg\:gap-12{
    gap:3rem
  }

  .lg\:gap-16{
    gap:4rem
  }

  .lg\:gap-2{
    gap:0.5rem
  }

  .lg\:gap-20{
    gap:5rem
  }

  .lg\:gap-8{
    gap:2rem
  }

  .lg\:overflow-x-visible{
    overflow-x:visible
  }

  .lg\:whitespace-nowrap{
    white-space:nowrap
  }

  .lg\:rounded{
    border-radius:0.25rem
  }

  .lg\:rounded-2xl{
    border-radius:1rem
  }

  .lg\:rounded-3xl{
    border-radius:1.5rem
  }

  .lg\:rounded-xl{
    border-radius:0.75rem
  }

  .lg\:\!rounded-b-none{
    border-bottom-right-radius:0px !important;
    border-bottom-left-radius:0px !important
  }

  .lg\:rounded-t-\[64px\]{
    border-top-left-radius:64px;
    border-top-right-radius:64px
  }

  .lg\:border{
    border-width:1px
  }

  .lg\:border-b-0{
    border-bottom-width:0px
  }

  .lg\:border-black{
    --tw-border-opacity:1;
    border-color:rgb(33 36 39 / var(--tw-border-opacity, 1))
  }

  .lg\:bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }

  .lg\:p-0{
    padding:0px
  }

  .lg\:px-0{
    padding-left:0px;
    padding-right:0px
  }

  .lg\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem
  }

  .lg\:px-12{
    padding-left:3rem;
    padding-right:3rem
  }

  .lg\:px-16{
    padding-left:4rem;
    padding-right:4rem
  }

  .lg\:px-24{
    padding-left:6rem;
    padding-right:6rem
  }

  .lg\:px-3{
    padding-left:0.75rem;
    padding-right:0.75rem
  }

  .lg\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }

  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .lg\:py-12{
    padding-top:3rem;
    padding-bottom:3rem
  }

  .lg\:py-16{
    padding-top:4rem;
    padding-bottom:4rem
  }

  .lg\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }

  .lg\:py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem
  }

  .lg\:pb-16{
    padding-bottom:4rem
  }

  .lg\:pt-16{
    padding-top:4rem
  }

  .lg\:pt-32{
    padding-top:8rem
  }

  .lg\:pt-6{
    padding-top:1.5rem
  }

  .lg\:text-3xl{
    font-size:2rem
  }

  .lg\:text-4xl{
    font-size:2.5rem
  }

  .lg\:text-\[28px\]{
    font-size:28px
  }

  .lg\:text-\[40px\]{
    font-size:40px
  }

  .lg\:text-base{
    font-size:1rem
  }

  .lg\:text-lg{
    font-size:1.125rem
  }

  .lg\:text-text{
    --tw-text-opacity:1;
    color:rgb(33 36 39 / var(--tw-text-opacity, 1))
  }
}

@media (min-width: 1280px){
  .xl\:block{
    display:block
  }

  .xl\:hidden{
    display:none
  }

  .xl\:w-1\/2{
    width:50%
  }

  .xl\:w-1\/3{
    width:33.333333%
  }

  .xl\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .xl\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .xl\:flex-row{
    flex-direction:row
  }
}

@media (min-width: 1536px){
  .\32xl\:w-8\/12{
    width:66.666667%
  }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{
  -webkit-appearance:none;
          appearance:none
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{
  -webkit-appearance:none;
          appearance:none
}