@font-face {
  font-family:__Inter_aaf875;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");
  unicode-range:u+0460-052f,
  u+1c80-1c88,
  u+20b4,
  u+2de0-2dff,
  u+a640-a69f,
  u+fe2e-fe2f
}
@font-face {
  font-family:__Inter_aaf875;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");
  unicode-range:u+0301,
  u+0400-045f,
  u+0490-0491,
  u+04b0-04b1,
  u+2116
}
@font-face {
  font-family:__Inter_aaf875;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");
  unicode-range:u+1f??
}
@font-face {
  font-family:__Inter_aaf875;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");
  unicode-range:u+0370-0377,
  u+037a-037f,
  u+0384-038a,
  u+038c,
  u+038e-03a1,
  u+03a3-03ff
}
@font-face {
  font-family:__Inter_aaf875;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");
  unicode-range:u+0102-0103,
  u+0110-0111,
  u+0128-0129,
  u+0168-0169,
  u+01a0-01a1,
  u+01af-01b0,
  u+0300-0301,
  u+0303-0304,
  u+0308-0309,
  u+0323,
  u+0329,
  u+1ea0-1ef9,
  u+20ab
}
@font-face {
  font-family:__Inter_aaf875;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");
  unicode-range:u+0100-02af,
  u+0304,
  u+0308,
  u+0329,
  u+1e00-1e9f,
  u+1ef2-1eff,
  u+2020,
  u+20a0-20ab,
  u+20ad-20c0,
  u+2113,
  u+2c60-2c7f,
  u+a720-a7ff
}
@font-face {
  font-family:__Inter_aaf875;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
  unicode-range:u+00??,
  u+0131,
  u+0152-0153,
  u+02bb-02bc,
  u+02c6,
  u+02da,
  u+02dc,
  u+0304,
  u+0308,
  u+0329,
  u+2000-206f,
  u+2074,
  u+20ac,
  u+2122,
  u+2191,
  u+2193,
  u+2212,
  u+2215,
  u+feff,
  u+fffd
}
@font-face {
  font-family:__Inter_Fallback_aaf875;
  src:local("Arial");
  ascent-override:90.49%;
  descent-override:22.56%;
  line-gap-override:0.00%;
  size-adjust:107.06%
}
.__className_aaf875 {
  font-family:__Inter_aaf875,__Inter_Fallback_aaf875;
  font-style:normal
}

/*
! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  box-sizing:border-box;
  border:0 solid #e5e7eb
}
:after,
:before {
  --tw-content:""
}
:host,
html {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}
body {
  margin:0;
  line-height:inherit
}
hr {
  height:0;
  color:inherit;
  border-top-width:1px
}
abbr:where([title]) {
  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,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,
select {
  text-transform:none
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring {
  outline:auto
}
:-moz-ui-invalid {
  box-shadow:none
}
progress {
  vertical-align:baseline
}
::-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
}
dialog {
  padding:0
}
textarea {
  resize:vertical
}
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
}
:root {
  --background:0 0% 100%;
  --foreground:240 10% 3.9%;
  --card:0 0% 100%;
  --card-foreground:240 10% 3.9%;
  --popover:0 0% 100%;
  --popover-foreground:240 10% 3.9%;
  --primary:240 5.9% 10%;
  --primary-foreground:0 0% 98%;
  --secondary:240 4.8% 95.9%;
  --secondary-foreground:240 5.9% 10%;
  --muted:240 4.8% 95.9%;
  --muted-foreground:240 3.8% 46.1%;
  --accent:240 4.8% 95.9%;
  --accent-foreground:240 5.9% 10%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:0 0% 98%;
  --border:240 5.9% 90%;
  --input:240 5.9% 90%;
  --ring:240 10% 3.9%;
  --radius:0.5rem;
  --chart-1:12 76% 61%;
  --chart-2:173 58% 39%;
  --chart-3:197 37% 24%;
  --chart-4:43 74% 66%;
  --chart-5:27 87% 67%
}
* {
  border-color:hsl(var(--border))
}
body {
  background-color:hsl(var(--background));
  color:hsl(var(--foreground))
}
*,
: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-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:rgba(59,130,246,.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:rgba(59,130,246,.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: 
}
.pointer-events-auto {
  pointer-events:auto
}
.fixed {
  position:fixed
}
.absolute {
  position:absolute
}
.relative {
  position:relative
}
.right-2 {
  right:.5rem
}
.top-0 {
  top:0
}
.top-2 {
  top:.5rem
}
.z-\[100\] {
  z-index:100
}
.my-1 {
  margin-top:.25rem;
  margin-bottom:.25rem
}
.my-4 {
  margin-top:1rem;
  margin-bottom:1rem
}
.mr-2 {
  margin-right:.5rem
}
.mt-12 {
  margin-top:3rem
}
.mt-8 {
  margin-top:2rem
}
.block {
  display:block
}
.flex {
  display:flex
}
.inline-flex {
  display:inline-flex
}
.grid {
  display:grid
}
.h-10 {
  height:2.5rem
}
.h-11 {
  height:2.75rem
}
.h-4 {
  height:1rem
}
.h-8 {
  height:2rem
}
.h-9 {
  height:2.25rem
}
.max-h-screen {
  max-height:100vh
}
.w-10 {
  width:2.5rem
}
.w-4 {
  width:1rem
}
.w-full {
  width:100%
}
.shrink-0 {
  flex-shrink:0
}
@keyframes spin {
  to {
    transform:rotate(1turn)
  }
}
.animate-spin {
  animation:spin 1s linear infinite
}
.flex-col {
  flex-direction:column
}
.flex-col-reverse {
  flex-direction:column-reverse
}
.items-center {
  align-items:center
}
.justify-center {
  justify-content:center
}
.justify-between {
  justify-content:space-between
}
.gap-1 {
  gap:.25rem
}
.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 * calc(1 - var(--tw-space-x-reverse)))
}
.overflow-hidden {
  overflow:hidden
}
.whitespace-nowrap {
  white-space:nowrap
}
.rounded-md {
  border-radius:calc(var(--radius) - 2px)
}
.border {
  border-width:1px
}
.border-destructive {
  border-color:hsl(var(--destructive))
}
.border-gray-400 {
  --tw-border-opacity:1;
  border-color:rgb(156 163 175/var(--tw-border-opacity))
}
.border-input {
  border-color:hsl(var(--input))
}
.bg-background {
  background-color:hsl(var(--background))
}
.bg-blue-700 {
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216/var(--tw-bg-opacity))
}
.bg-destructive {
  background-color:hsl(var(--destructive))
}
.bg-gray-100 {
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246/var(--tw-bg-opacity))
}
.bg-primary {
  background-color:hsl(var(--primary))
}
.bg-secondary {
  background-color:hsl(var(--secondary))
}
.bg-transparent {
  background-color:transparent
}
.p-1 {
  padding:.25rem
}
.p-4 {
  padding:1rem
}
.p-6 {
  padding:1.5rem
}
.px-20 {
  padding-left:5rem;
  padding-right:5rem
}
.px-3 {
  padding-left:.75rem;
  padding-right:.75rem
}
.px-4 {
  padding-left:1rem;
  padding-right:1rem
}
.px-6 {
  padding-left:1.5rem;
  padding-right:1.5rem
}
.px-8 {
  padding-left:2rem;
  padding-right:2rem
}
.py-2 {
  padding-top:.5rem;
  padding-bottom:.5rem
}
.py-6 {
  padding-top:1.5rem;
  padding-bottom:1.5rem
}
.py-8 {
  padding-top:2rem;
  padding-bottom:2rem
}
.pr-8 {
  padding-right:2rem
}
.pt-10 {
  padding-top:2.5rem
}
.text-sm {
  font-size:.875rem;
  line-height:1.25rem
}
.font-medium {
  font-weight:500
}
.font-semibold {
  font-weight:600
}
.text-blue-500 {
  --tw-text-opacity:1;
  color:rgb(59 130 246/var(--tw-text-opacity))
}
.text-destructive-foreground {
  color:hsl(var(--destructive-foreground))
}
.text-foreground {
  color:hsl(var(--foreground))
}
.text-foreground\/50 {
  color:hsl(var(--foreground)/.5)
}
.text-primary {
  color:hsl(var(--primary))
}
.text-primary-foreground {
  color:hsl(var(--primary-foreground))
}
.text-secondary-foreground {
  color:hsl(var(--secondary-foreground))
}
.text-white {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}
.underline-offset-4 {
  text-underline-offset:4px
}
.opacity-0 {
  opacity:0
}
.opacity-90 {
  opacity:.9
}
.shadow-lg {
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --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)
}
.outline {
  outline-style:solid
}
.ring-offset-background {
  --tw-ring-offset-color:hsl(var(--background))
}
.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-all {
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-colors {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  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
}
@keyframes enter {
  0% {
    opacity:var(--tw-enter-opacity,1);
    transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
  }
}
@keyframes exit {
  to {
    opacity:var(--tw-exit-opacity,1);
    transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
  }
}
.hover\:bg-accent:hover {
  background-color:hsl(var(--accent))
}
.hover\:bg-destructive\/90:hover {
  background-color:hsl(var(--destructive)/.9)
}
.hover\:bg-primary\/90:hover {
  background-color:hsl(var(--primary)/.9)
}
.hover\:bg-secondary:hover {
  background-color:hsl(var(--secondary))
}
.hover\:bg-secondary\/80:hover {
  background-color:hsl(var(--secondary)/.8)
}
.hover\:text-accent-foreground:hover {
  color:hsl(var(--accent-foreground))
}
.hover\:text-foreground:hover {
  color:hsl(var(--foreground))
}
.hover\:text-red-500:hover {
  --tw-text-opacity:1;
  color:rgb(239 68 68/var(--tw-text-opacity))
}
.hover\:underline:hover {
  text-decoration-line:underline
}
.focus\:opacity-100:focus {
  opacity:1
}
.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-ring:focus {
  --tw-ring-color:hsl(var(--ring))
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width:2px
}
.focus-visible\:outline-none:focus-visible {
  outline:2px solid transparent;
  outline-offset:2px
}
.focus-visible\:ring-2:focus-visible {
  --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-visible\:ring-ring:focus-visible {
  --tw-ring-color:hsl(var(--ring))
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width:2px
}
.disabled\:pointer-events-none:disabled {
  pointer-events:none
}
.disabled\:opacity-50:disabled {
  opacity:.5
}
.group:hover .group-hover\:opacity-100 {
  opacity:1
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
  border-color:hsl(var(--muted)/.4)
}
.group.destructive .group-\[\.destructive\]\:text-red-300 {
  --tw-text-opacity:1;
  color:rgb(252 165 165/var(--tw-text-opacity))
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
  border-color:hsl(var(--destructive)/.3)
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
  background-color:hsl(var(--destructive))
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
  color:hsl(var(--destructive-foreground))
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
  --tw-text-opacity:1;
  color:rgb(254 242 242/var(--tw-text-opacity))
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
  --tw-ring-color:hsl(var(--destructive))
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity))
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
  --tw-ring-offset-color:#dc2626
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
  --tw-translate-x:0px
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
  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-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
  --tw-translate-x:var(--radix-toast-swipe-end-x)
}
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
  --tw-translate-x:var(--radix-toast-swipe-move-x);
  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-\[swipe\=move\]\:transition-none[data-swipe=move] {
  transition-property:none
}
.data-\[state\=open\]\:animate-in[data-state=open] {
  animation-name:enter;
  animation-duration:.15s;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial
}
.data-\[state\=closed\]\:animate-out[data-state=closed],
.data-\[swipe\=end\]\:animate-out[data-swipe=end] {
  animation-name:exit;
  animation-duration:.15s;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial
}
.data-\[state\=closed\]\:fade-out-80[data-state=closed] {
  --tw-exit-opacity:0.8
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] {
  --tw-exit-translate-x:100%
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
  --tw-enter-translate-y:-100%
}
@media (min-width:640px) {
  .sm\:bottom-0 {
    bottom:0
  }
  .sm\:right-0 {
    right:0
  }
  .sm\:top-auto {
    top:auto
  }
  .sm\:flex-col {
    flex-direction:column
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] {
    --tw-enter-translate-y:100%
  }
}
@media (min-width:768px) {
  .md\:max-w-\[420px\] {
    max-width:420px
  }
  .md\:flex-row {
    flex-direction:row
  }
  .md\:items-center {
    align-items:center
  }
  .md\:justify-between {
    justify-content:space-between
  }
}
@media (min-width:1024px) {
  .lg\:px-20 {
    padding-left:5rem;
    padding-right:5rem
  }
}