._1992d0 {
    height: 100%;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1200
}

._5af04e {
    opacity: .5;
    pointer-events: none
}

._301642 {
    opacity: 1;
    pointer-events: auto
}

.c0da0d {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: 12px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.b04db5 {
    flex-direction: column
}

._2603c6,
._9411e7,
._952f3d {
    font-size: .75rem;
    font-weight: 400;
    height: 100%;
    line-height: 1;
    padding: 0
}

._125715 {
    pointer-events: none
}

._4bc7e8 {
    pointer-events: auto
}

._184177 {
    border-style: solid;
    border-width: 1.25px;
    flex-direction: row
}

._2ff339 {
    gap: 6px;
    padding: 5px 10px
}

._2ff339,
._4a3726 {
    font-size: 16px;
    font-weight: 400
}

._4a3726 {
    gap: .5rem;
    padding: .5rem .75rem
}

._25c65b {
    font-size: 15px;
    font-weight: 500;
    gap: .75rem;
    padding: 12px 1rem
}

._73b3ad {
    --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(1.25px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1.25px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    pointer-events: none
}

.eb0199 {
    pointer-events: auto
}

._17253f {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(21 25 29/var(--tw-ring-opacity));
    border-color: #babcbe;
    border-color: rgb(186 188 190/var(--tw-border-opacity));
    color: #313438;
    color: rgb(49 52 56/var(--tw-text-opacity))
}

._17253f:hover {
    --tw-border-opacity: 1;
    border-color: #15191d;
    border-color: rgb(21 25 29/var(--tw-border-opacity))
}

._1cd3c8 {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity));
    border-color: #313438;
    border-color: rgb(49 52 56/var(--tw-border-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._1cd3c8:hover {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.aee17f,
.f4bcb6 {
    margin-right: auto
}

.f4bcb6 {
    margin-left: auto;
    margin-top: auto
}

._4aae38 {
    border-radius: 999px
}

._5beceb {
    height: 1.5rem;
    min-height: 24px;
    min-width: 24px;
    width: 1.5rem
}

.db42c6 {
    height: 28px;
    min-height: 28px;
    min-width: 28px;
    width: 28px
}

._8f3ffe {
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    width: 30px
}

._81bb4b {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.e20fdc {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

._04873c {
    --tw-text-opacity: 1;
    color: #313438;
    color: rgb(49 52 56/var(--tw-text-opacity))
}

._425368 {
    --tw-text-opacity: 1;
    color: #f1f2f4;
    color: rgb(241 242 244/var(--tw-text-opacity))
}

.d5b283 {
    height: 1rem;
    min-width: 16px;
    width: 1rem
}

.bee5e2 {
    height: 1.25rem;
    min-width: 20px;
    width: 1.25rem
}

.ee6c67 {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._53f0a1 {
    --tw-border-opacity: 1;
    --tw-bg-opacity: .8;
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: #15191dcc;
    background-color: rgb(21 25 29/var(--tw-bg-opacity));
    border-color: #313438;
    border-color: rgb(49 52 56/var(--tw-border-opacity));
    border-style: solid;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    height: -moz-fit-content;
    height: fit-content;
    inset: 0;
    margin: 0 0 58px;
    min-height: 100svh;
    min-width: -moz-max-content;
    min-width: max-content;
    overflow-y: auto;
    position: fixed;
    width: 100%;
    z-index: 3000
}

@media (min-width:768px) {
    ._53f0a1 {
        border-radius: 12px;
        border-width: 1px;
        bottom: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        left: 0;
        min-height: -moz-fit-content;
        min-height: fit-content;
        padding: .5rem;
        position: absolute;
        right: auto;
        z-index: 2000
    }
}

@media (min-width:1024px) {
    ._53f0a1 {
        left: 0;
        right: auto
    }
}

@media (min-width:768px) {
    .b27373 {
        bottom: auto;
        margin-top: .5rem;
        top: auto
    }
    ._271b57 {
        bottom: 0;
        margin-bottom: 4.25rem;
        top: auto
    }
    ._2113d5 {
        left: auto;
        right: 0
    }
}

._9674e2 {
    align-items: center;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:768px) {
    ._9674e2 {
        width: 100%
    }
}

._9674e2 {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    cursor: pointer;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

._9674e2:hover {
    --tw-bg-opacity: 1;
    background-color: #4c4f53;
    background-color: rgb(76 79 83/var(--tw-bg-opacity))
}

._10400b {
    font-size: 14px;
    font-weight: 400;
    gap: 6px;
    padding: 10px .75rem 10px 10px
}

._0f0166 {
    font-size: 15px;
    font-weight: 400;
    gap: .5rem;
    padding: .5rem 1.25rem .5rem .75rem
}

._94aa9f {
    font-size: 15px;
    font-weight: 500;
    gap: .75rem;
    padding: 12px 1.5rem 12px 1rem
}

._6d67d7 {
    gap: 6px;
    padding: .5rem
}

._1c8998,
._6d67d7 {
    font-size: 16px;
    font-weight: 400
}

._1c8998 {
    gap: .5rem;
    padding: .5rem 1.25rem .5rem .75rem
}

._63b621 {
    font-size: 15px;
    font-weight: 500;
    gap: .5rem;
    padding: .5rem
}

._277b0a {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 999px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    height: 3rem;
    justify-content: center;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 3rem
}

._277b0a:focus {
    --tw-bg-opacity: .3;
    background-color: #0000004d;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

._277b0a:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.9) scaleY(.9);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._277b0a {
    cursor: pointer;
    margin: 1.25rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

._277b0a svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

.b9e824 {
    --tw-bg-opacity: .9;
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: #ffffffe6;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    overflow-y: auto;
    padding: 1.25rem
}

:is([class~=dark] .b9e824) {
    --tw-bg-opacity: .9;
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: #15191de6;
    background-color: rgb(21 25 29/var(--tw-bg-opacity))
}

.cc4550 {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media (min-width:768px) {
    .cc4550 {
        align-items: center
    }
}

.c10d7c {
    bottom: 0;
    font-size: 18px;
    margin-top: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    width: 100%
}

@media (min-width:360px) {
    .c10d7c {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .c10d7c {
        margin-top: 3rem;
        min-width: 360px;
        position: relative;
        width: -moz-fit-content;
        width: fit-content
    }
}

.c10d7c svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._67e579 svg {
    height: 48px
}

:is([class~=dark] ._67e579 svg) {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._4be33b {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #0003;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-radius: 999px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    height: 3rem;
    justify-content: center;
    margin-left: auto;
    width: 3rem
}

._4be33b:focus {
    --tw-bg-opacity: .3;
    background-color: #0000004d;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

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

._4be33b:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.9) scaleY(.9);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:is([class~=dark] ._4be33b) {
    --tw-bg-opacity: .2;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

._4be33b svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._76417d {
    padding-top: 1.25rem
}

@media (min-width:420px) {
    ._76417d {
        padding-top: 1.5rem
    }
}

._76417d>ul {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width:420px) {
    ._76417d>ul {
        gap: 1.75rem
    }
}

@media (min-width:640px) {
    ._76417d>ul {
        align-items: center
    }
}

._76417d a {
    align-items: center;
    display: flex;
    font-size: 18px;
    gap: 10px;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:420px) {
    ._76417d a {
        font-size: 20px
    }
}

:is([class~=dark] ._76417d a) {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._8e0221 {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._0640d9 {
    height: 28px;
    width: 43px
}

._3ed686>a {
    align-items: center;
    border-radius: 12px;
    display: flex;
    font-size: 16px;
    gap: 6px;
    padding: 6px 10px;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

._3ed686>a svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._3ed686>a:hover:not(.router-link-active) {
    --tw-bg-opacity: .08;
    background-color: #00000014;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

:is([class~=dark] ._3ed686>a:hover:not(.router-link-active)) {
    --tw-bg-opacity: .08;
    background-color: #ffffff14;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

._3ed686 .router-link-active {
    --tw-bg-opacity: .16;
    background-color: #00000029;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

:is([class~=dark] ._3ed686 .router-link-active) {
    --tw-bg-opacity: .16;
    background-color: #ffffff29;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

._838479 {
    align-items: center;
    cursor: pointer;
    display: flex
}

._807c87 {
    flex-direction: column;
    height: 49px
}

@media (min-width:360px) {
    ._807c87 {
        padding-left: 6px;
        padding-right: 6px
    }
}

._998cc1 {
    align-items: center;
    border-radius: 12px;
    border-width: 1px;
    flex-direction: row;
    gap: 6px;
    padding: 5px 10px
}

._243357 {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(21 25 29/var(--tw-ring-opacity));
    border-color: #babcbe;
    border-color: rgb(186 188 190/var(--tw-border-opacity));
    color: #313438;
    color: rgb(49 52 56/var(--tw-text-opacity))
}

._243357:hover {
    border-color: #15191d;
    border-color: rgb(21 25 29/var(--tw-border-opacity))
}

._243357:hover,
._2d61a2 {
    --tw-border-opacity: 1
}

._2d61a2 {
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity));
    border-color: #313438;
    border-color: rgb(49 52 56/var(--tw-border-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._2d61a2:hover {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.e4bd77 {
    --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(1.25px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1.25px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    pointer-events: none
}

._189508 {
    pointer-events: auto
}

.e0167d {
    height: 28px
}

.a7205f {
    font-size: .75rem;
    line-height: 1;
    margin-top: auto
}

._0efbc9 {
    height: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1rem
}

.a7ebe3 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

._81c7cc button {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1001
}

._81c7cc button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._81c7cc button {
    pointer-events: all;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

._04c861>div {
    height: 2rem;
    padding: 6px;
    width: 2rem
}

.d6d89d {
    --tw-bg-opacity: .16;
    align-items: center;
    background-color: #00000029;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-radius: 12px;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    padding-left: 7px;
    padding-right: 7px
}

:is([class~=dark] .d6d89d) {
    --tw-bg-opacity: .2;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.d6d89d>div {
    height: 2rem;
    padding: 10px 9px;
    width: 2rem
}

._84b9cb {
    display: flex;
    height: 100%
}

._84b9cb,
.f72e6b {
    width: 100%
}

.f72e6b {
    --tw-bg-opacity: 1;
    background-color: #15191d;
    background-color: rgb(21 25 29/var(--tw-bg-opacity));
    border-radius: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transition: transform .15s cubic-bezier(.165, .84, .44, 1), opacity .15s cubic-bezier(.165, .84, .44, 1), background-color .15s cubic-bezier(.165, .84, .44, 1)
}

._5a6ca8 {
    height: 2px
}

._1b67f3 {
    transform: translateY(-6px)
}

.a40256 {
    margin-left: auto;
    transform-origin: 0 100%
}

._3cbabc,
.a40256 {
    width: 100%
}

._3cbabc {
    margin-left: 0;
    transform: translateY(6px)
}

._953b36 {
    height: 1.25px
}

.a2855d {
    transform: translateY(-5px)
}

._791d81 {
    margin-left: auto;
    transform-origin: 0 100%
}

._54a224,
._791d81 {
    width: 100%
}

._54a224 {
    margin-left: 0;
    transform: translateY(5px)
}

._27b9a8 {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width:768px) {
    ._27b9a8 {
        gap: .75rem
    }
}

.c9be76 {
    width: 164px
}

.b4eb76 {
    font-size: 16px;
    padding: 6px .75rem
}

._5125e1 {
    background-color: #00000029;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

._16e599,
._5125e1 {
    --tw-bg-opacity: .16
}

._16e599 {
    --tw-text-opacity: 1;
    background-color: #ffffff29;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._95b116 {
    order: 2
}

@media (min-width:1024px) {
    ._95b116 {
        min-width: 120px
    }
}

@media (min-width:1320px) {
    ._95b116 {
        min-width: 145px
    }
}

._7a1d3b {
    order: 2
}

._0f6025,
._4faf89,
._675db1,
._6bd3cb,
._7a9034,
._8bc552,
.c39ff0,
.ee1ee5,
.fcc19e {
    display: none
}

@media (min-width:1024px) {
    ._0f6025,
    ._4faf89,
    ._675db1,
    ._6bd3cb,
    ._7a9034,
    ._8bc552,
    .c39ff0,
    .ee1ee5,
    .fcc19e {
        display: block
    }
}

._2c4d51,
._449ec0,
._4b2c04,
._65b7d1,
._91b4ac,
.ae0306 {
    display: none
}

@media (min-width:1320px) {
    ._2c4d51,
    ._449ec0,
    ._4b2c04,
    ._65b7d1,
    ._91b4ac,
    .ae0306 {
        display: block
    }
}

._0fca2b,
._2b697c,
._449060,
._725a93,
._840bfe,
._86eccd,
.d487d8,
.f8cee2,
.fd2277 {
    display: none
}

@media (min-width:768px) {
    ._0fca2b,
    ._2b697c,
    ._449060,
    ._725a93,
    ._840bfe,
    ._86eccd,
    .d487d8,
    .f8cee2,
    .fd2277 {
        display: block
    }
}

@media (min-width:1024px) {
    ._0fca2b,
    ._2b697c,
    ._449060,
    ._725a93,
    ._840bfe,
    ._86eccd,
    .d487d8,
    .f8cee2,
    .fd2277 {
        display: none
    }
}

._033da7,
._529a1f,
._7ac203,
._94b5a5,
.c493c9,
.d2cf8a {
    display: none
}

@media (min-width:768px) {
    ._033da7,
    ._529a1f,
    ._7ac203,
    ._94b5a5,
    .c493c9,
    .d2cf8a {
        display: block
    }
}

@media (min-width:1320px) {
    ._033da7,
    ._529a1f,
    ._7ac203,
    ._94b5a5,
    .c493c9,
    .d2cf8a {
        display: none
    }
}

._43416e {
    align-items: center;
    cursor: pointer;
    display: flex
}

._5c657f {
    flex-direction: column;
    height: 49px
}

@media (min-width:360px) {
    ._5c657f {
        padding-left: 6px;
        padding-right: 6px
    }
}

._8a23de {
    align-items: center;
    border-radius: 12px;
    border-width: 1px;
    flex-direction: row;
    gap: 6px;
    padding: 5px 10px
}

._2f46ea {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(21 25 29/var(--tw-ring-opacity));
    border-color: #babcbe;
    border-color: rgb(186 188 190/var(--tw-border-opacity));
    color: #313438;
    color: rgb(49 52 56/var(--tw-text-opacity))
}

._2f46ea:hover {
    border-color: #15191d;
    border-color: rgb(21 25 29/var(--tw-border-opacity))
}

._2f46ea:hover,
.cc059e {
    --tw-border-opacity: 1
}

.cc059e {
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity));
    border-color: #313438;
    border-color: rgb(49 52 56/var(--tw-border-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.cc059e:hover {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.d76964 {
    --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(1.25px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1.25px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    pointer-events: none
}

._430bd2 {
    pointer-events: auto
}

._9ecaa4 {
    height: 28px
}

.f0e10b {
    font-size: .75rem;
    line-height: 1;
    margin-top: auto
}

.cb8bfe {
    height: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1rem
}

.c27686 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

._7e95d9 button {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1001
}

._7e95d9 button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._7e95d9 button {
    pointer-events: all;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

._78f7c5>div {
    height: 2rem;
    padding: 6px;
    width: 2rem
}

.e5c5e6 {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem
}

@media (min-width:420px) {
    .e5c5e6 {
        height: 3rem;
        width: 3rem
    }
}

.e5c5e6 {
    --tw-bg-opacity: .16;
    background-color: #00000029;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

:is([class~=dark] .e5c5e6) {
    --tw-bg-opacity: .2;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.e23694 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.e23694,
.ed013e {
    width: 100%
}

.ed013e {
    --tw-bg-opacity: 1;
    background-color: #15191d;
    background-color: rgb(21 25 29/var(--tw-bg-opacity));
    border-radius: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transition: transform .15s cubic-bezier(.165, .84, .44, 1), opacity .15s cubic-bezier(.165, .84, .44, 1), background-color .15s cubic-bezier(.165, .84, .44, 1)
}

.ad0520 {
    height: 2px
}

.f48f78 {
    transform: translateY(-6px)
}

._14eba1 {
    margin-left: auto;
    transform-origin: 0 100%
}

._098a0b,
._14eba1 {
    width: 100%
}

._098a0b {
    margin-left: 0;
    transform: translateY(6px)
}

._4a7b1d {
    height: 1.25px
}

._86b4ff {
    transform: translateY(-5px)
}

._711f6a {
    margin-left: auto;
    transform-origin: 0 100%
}

._711f6a,
._9eeea6 {
    width: 100%
}

._9eeea6 {
    margin-left: 0;
    transform: translateY(5px)
}

.e7d30d {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    width: 100%;
    z-index: 20
}

.a927ad {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #0003;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-radius: 999px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    height: 3rem;
    justify-content: center;
    margin-left: auto;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 3rem
}

.a927ad:focus {
    --tw-bg-opacity: .3;
    background-color: #0000004d;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

._3f63cc,
.a927ad svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

.f63be8 {
    height: 28px;
    width: 43px
}

._28868e {
    overflow-y: auto;
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
}

.e84121 {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

._4cad89 {
    bottom: 0;
    font-size: 18px;
    margin-top: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    width: 100%
}

@media (min-width:360px) {
    ._4cad89 {
        font-size: 20px
    }
}

._4cad89 svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._5320dd {
    font-size: 15px;
    height: 2.5rem;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:420px) {
    ._5320dd {
        height: 3rem
    }
}

.dbc71e {
    --tw-border-opacity: .05;
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: #ffffff0d;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._9b328e {
    --tw-border-opacity: .01;
    --tw-bg-opacity: .16;
    --tw-text-opacity: 1;
    background-color: #00000029;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-color: #00000003;
    border-color: rgb(0 0 0/var(--tw-border-opacity));
    color: #313438;
    color: rgb(49 52 56/var(--tw-text-opacity))
}

:is([class~=dark] ._9b328e) {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._0eb8af,
._1a2195,
._2335de,
._4aabc8,
._83557d,
._919ec3,
.a46a62,
.a998b6,
.cbbc75,
.ce4879,
.d4ce6b {
    display: none
}

@media (min-width:360px) {
    ._0eb8af,
    ._1a2195,
    ._2335de,
    ._4aabc8,
    ._83557d,
    ._919ec3,
    .a46a62,
    .a998b6,
    .cbbc75,
    .ce4879,
    .d4ce6b {
        display: flex
    }
}

._182643,
._7af1f3,
.cc2e8a,
.e511ea {
    display: none
}

@media (min-width:414px) {
    ._182643,
    ._7af1f3,
    .cc2e8a,
    .e511ea {
        display: flex
    }
}

._7a6995 {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem
}

@media (min-width:420px) {
    ._7a6995 {
        height: 3rem;
        width: 3rem
    }
}

._9dab3f {
    --tw-border-opacity: .3;
    border-color: #ffffff4d;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

._9dab3f:hover {
    --tw-border-opacity: .6;
    border-color: #fff9;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.b2d969 {
    --tw-border-opacity: .16;
    border-color: #00000029;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.b2d969:hover {
    --tw-border-opacity: .4;
    border-color: #0006;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

:is([class~=dark] .b2d969) {
    --tw-border-opacity: .3;
    border-color: #ffffff4d;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

:is([class~=dark] .b2d969:hover) {
    --tw-border-opacity: .3;
    border-color: #ffffff4d;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

._82177a {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem
}

@media (min-width:420px) {
    ._82177a {
        height: 3rem;
        width: 3rem
    }
}

.d76dd0 {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._65a132 {
    --tw-bg-opacity: .16;
    --tw-text-opacity: 1;
    background-color: #00000029;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    color: #15191d;
    color: rgb(21 25 29/var(--tw-text-opacity))
}

:is([class~=dark] ._65a132) {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.bd5f20 {
    display: block
}

@media (min-width:360px) {
    .bd5f20 {
        display: none
    }
}

@media (min-width:414px) {
    .bd5f20 {
        display: block
    }
}

._4f17da {
    display: none
}

@media (min-width:414px) {
    ._4f17da {
        display: block
    }
}

.d95e83 {
    display: none
}

@media (min-width:360px) {
    .d95e83 {
        display: block
    }
}

@media (min-width:414px) {
    .b36ffd,
    .d95e83 {
        display: none
    }
}

.ecbeea {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    width: 100%;
    z-index: 20
}

._4bbc23 {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #0003;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-radius: 999px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    height: 3rem;
    justify-content: center;
    margin-left: auto;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 3rem
}

._4bbc23:focus {
    --tw-bg-opacity: .3;
    background-color: #0000004d;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

._4bbc23 svg,
.ba5bb3 {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._13a3d8 {
    height: 28px;
    width: 43px
}

._587a36 {
    overflow-y: auto;
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
}

.a6872c {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

._528cac {
    bottom: 0;
    font-size: 18px;
    margin-top: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    width: 100%
}

@media (min-width:360px) {
    ._528cac {
        font-size: 20px
    }
}

._528cac svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

.acb1eb {
    display: none;
    font-size: 14px;
    font-weight: 400;
    height: 2.25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    width: -moz-max-content;
    width: max-content
}

@media (min-width:360px) {
    .acb1eb {
        display: block;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:420px) {
    .acb1eb {
        font-size: 16px
    }
}

._00405a {
    font-size: .75rem;
    font-weight: 500;
    height: 2rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.bcb0af {
    display: none
}

@media (min-width:414px) {
    .bcb0af {
        display: block
    }
}

.bafeb7 {
    border: 1px solid #313438;
    border: 1px solid var(--neutral-n-800, #313438);
    border-radius: 13px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 3px
}

.a179c3,
.bafeb7 {
    position: relative
}

.a179c3 {
    --tw-bg-opacity: 1;
    background-color: #80807e;
    background-color: rgb(128 128 126/var(--tw-bg-opacity));
    border-radius: 10px;
    box-shadow: inset 0 1px 1px #00000040;
    overflow: hidden;
    padding: .25rem 10px
}

._42c875 {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    width: 100%;
    z-index: 10
}

.d01c3e {
    --tw-text-opacity: 1;
    align-items: center;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    font-family: SF Mono;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase
}

.da3c1e {
    --tw-translate-y: 2px;
    display: grid;
    font-family: Segment7;
    font-size: 24px;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    place-items: center;
    transform: translate(var(--tw-translate-x), 2px) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._1e2dc6 {
    display: flex;
    line-height: 1;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

._1e2dc6 span:first-of-type {
    --tw-text-opacity: 1;
    color: #686866;
    color: rgb(104 104 102/var(--tw-text-opacity));
    opacity: .7;
    position: absolute;
    z-index: 0
}

._1e2dc6 span:last-of-type {
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity));
    z-index: 10
}

._7f37b3 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: 20
}

._5fcbf3 {
    --tw-bg-opacity: 1;
    background-color: #15191d;
    background-color: rgb(21 25 29/var(--tw-bg-opacity));
    padding-top: 2rem;
    z-index: 10
}

._8a3cdd {
    padding-bottom: 6.75rem
}

@media (min-width:768px) {
    ._8a3cdd {
        padding-bottom: 2rem
    }
}

._8f43a2 {
    padding-bottom: 2rem
}

.cce58a {
    display: flex;
    flex-direction: column;
    gap: 1.75rem
}

.d08b3c {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom: 1px;
    border-color: #313438;
    border-color: rgb(49 52 56/var(--tw-border-opacity));
    border-style: solid;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: space-between;
    padding-bottom: 1.25rem
}

.c04d6e {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 100%
}

@media (min-width:768px) {
    .c04d6e {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.dde00a {
    display: flex;
    flex-direction: column;
    font-size: .938rem;
    font-size: 15px;
    gap: 1.75rem;
    grid-column: span 1/span 1
}

@media (min-width:768px) {
    .dde00a {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 16px;
        justify-content: flex-end;
        row-gap: .75rem
    }
}

.dde00a a {
    --tw-text-opacity: 1;
    color: #838689;
    color: rgb(131 134 137/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.dde00a a:hover {
    --tw-text-opacity: 1;
    color: #d6d7d9;
    color: rgb(214 215 217/var(--tw-text-opacity))
}

._2af26f {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    grid-column: span 1/span 1;
    margin-right: auto;
    width: 164px
}

._6348b4 {
    align-items: center;
    display: flex;
    gap: 10px
}

._6348b4 li {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: #313438;
    background-color: rgb(49 52 56/var(--tw-bg-opacity));
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    padding-left: .75rem;
    padding-right: .75rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

._6348b4 li:hover {
    --tw-scale-x: .94;
    --tw-scale-y: .94;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.94) scaleY(.94);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:768px) {
    ._6348b4 li {
        height: 2.25rem
    }
}

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

._263b78 svg {
    height: 1rem;
    min-height: 16px;
    min-width: 16px;
    width: 1rem
}

._23c4b6 {
    --tw-text-opacity: 1;
    align-items: center;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-size: 15px;
    gap: 5px
}

@media (min-width:768px) {
    ._23c4b6 {
        font-size: 16px;
        gap: .5rem
    }
}

.b71086 {
    min-width: 240px;
    width: 100%
}

@media (min-width:768px) {
    .b71086 {
        width: -moz-fit-content;
        width: fit-content
    }
}

._02f033 {
    --tw-text-opacity: 1;
    color: #4c4f53;
    color: rgb(76 79 83/var(--tw-text-opacity));
    font-size: .75rem;
    grid-column: span 1/span 1;
    text-align: justify
}

@media (min-width:768px) {
    ._02f033 {
        grid-column: span 4/span 4
    }
}

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

@media (min-width:768px) {
    ._459c3c {
        margin-left: auto
    }
}

._058229 {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.e560b8 {
    flex: 1 1 0%
}

._98d344 {
    align-items: center;
    display: flex;
    position: fixed;
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 1200
}

.ac770b {
    height: 70px
}

@media (min-width:768px) {
    .ac770b {
        height: 90px
    }
}

._8deb7f {
    --tw-bg-opacity: .85;
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: #ffffffd9;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    height: 56px
}

@media (min-width:768px) {
    ._8deb7f {
        height: 70px
    }
}

:is([class~=dark] ._8deb7f) {
    --tw-bg-opacity: .9;
    background-color: #15191de6;
    background-color: rgb(21 25 29/var(--tw-bg-opacity))
}