:root {
    --ocx-switch-space: 4px;
    --ocx-switch-size: 20px;
    --ocx-switch-fontsize: 14px;
    --ocx-switch-bdwidth: 2px;
    --ocx-switch-bgcolor: var(--border-color);
    --ocx-switch-bgcolor-checked: var(--primary-5);
    --ocx-switch-label-color: var(--text-color);
    --ocx-switch-fontsize: 14px;
    --ocx-switch-label-bold: normal;
    --ocx-switch-label-italic: normal;
    --ocx-switch-label-decoration: none;
    --ocx-switch-iconcolor: #fff;
    --ocx-switch-icon-image: none;
    --ocx-switch-icon-image-checked: none;
    --ocx-switch-ratio: 1.6;
}

.ocx-switch {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding: 0;
}

.ocx-switch > input {
    appearance: none;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    left: 1px;
    top: 1px;
    width: 1px;
    height: 1px;
}

.ocx-switch input ~ span.ocx-switch-outline {
    display: inline-block;
    position: relative;
    float: left;
    font-size: 0;
    height: var(--ocx-switch-size);
    width: calc(var(--ocx-switch-size) * var(--ocx-switch-ratio));
    border-radius: 999px;
    text-indent: 0;
    cursor: pointer;
    user-select: none;
}

.ocx-switch input ~ span.ocx-switch-outline:before,
.ocx-switch input ~ span.ocx-switch-outline:after {
    width: calc(var(--ocx-switch-size) * var(--ocx-switch-ratio));
    border-radius: 999px;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    transition: all 100ms ease-in;
}

.ocx-switch input ~ span.ocx-switch-outline:after {
    height: calc(var(--ocx-switch-size) - var(--ocx-switch-bdwidth) * 2);
    width: calc(var(--ocx-switch-size) - var(--ocx-switch-bdwidth) * 2);
    top: var(--ocx-switch-bdwidth);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .06);

    bottom: var(--ocx-switch-bdwidth);
    background-color: var(--ocx-switch-iconcolor);
    background-image: var(--ocx-switch-icon-image);
    background-size: calc(var(--ocx-switch-size) - 10px);
}

.ocx-switch input:empty ~ span.ocx-switch-outline:before {
    background-color: var(--ocx-switch-bgcolor);
    border: var(--ocx-switch-bdwidth) solid var(--ocx-switch-bdcolor, var(--ocx-switch-bgcolor));
}

.ocx-switch input:checked ~ span.ocx-switch-outline:before {
    background-color: var(--ocx-switch-bgcolor-checked);
    border: var(--ocx-switch-bdwidth) solid var(--ocx-switch-bdcolor-checked, var(--ocx-switch-bgcolor-checked));
}

.ocx-switch input:empty ~ span.ocx-switch-outline:after {
    margin-left: var(--ocx-switch-bdwidth);
}

.ocx-switch input:checked ~ span.ocx-switch-outline:after {
    margin-left: calc(var(--ocx-switch-size) * var(--ocx-switch-ratio) + var(--ocx-switch-bdwidth) - var(--ocx-switch-size));
    background-color: var(--ocx-switch-iconcolor-checked, var(--ocx-switch-iconcolor));
    background-image: var(--ocx-switch-icon-image-checked);
}

.ocx-switch input[disabled] {
    cursor: not-allowed;
}

.ocx-switch .ocx-switch-label {
    padding: 0px;
    margin: 0px;
    -webkit-text-size-adjust: none;
    vertical-align: middle;
    line-height: 0;
    padding-left: var(--ocx-switch-space);
    font-size: var(--ocx-switch-fontsize);
    color: var(--ocx-switch-label-color);
    font-weight: var(--ocx-switch-label-bold);
    font-style: var(--ocx-switch-label-italic);
    text-decoration: var(--ocx-switch-label-decoration);

}

.ocx-switch > input:checked ~ .ocx-switch-label {
    padding-left: var(--ocx-switch-space-checked, var(--ocx-switch-space));
    font-size: var(--ocx-switch-fontsize-checked, var(--ocx-switch-fontsize));
    color: var(--ocx-switch-label-color-checked, var(--ocx-switch-label-color));
    font-weight: var(--ocx-switch-label-bold-checked, var(--ocx-switch-label-bold));
    font-style: var(--ocx-switch-label-italic-checked, var(--ocx-switch-label-italic));
    text-decoration: var(--ocx-switch-label-decoration-checked, var(--ocx-switch-label-decoration));
}

.ocx-switch input[disabled] ~ span.ocx-switch-outline:after,
.ocx-switch input[disabled] ~ span.ocx-switch-outline:before {
    cursor: not-allowed;
    opacity: 0.7;
}
.ocx-icon {
    background: none;
    display: inline-block;
    width: 1em;
    height: 1em;
    transition-property: all;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    transition-duration: 0.3s;
}

:where(.ocx-icon-iconpark-fill) {
    --iconpark-stroke-red: none;
    --iconpark-fill-red: none;
    --iconpark-stroke-black: currentColor;
    --iconpark-fill-black: currentColor;
    --iconpark-stroke-blue: currentColor;
    --iconpark-fill-blue: currentColor;
}
:root {
    --button-ocx-fontsize: var(--ocx-fontsize)
}

:where(.ocx-button) {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1;
    outline: none;
    justify-content: center;
    align-items: center;
    touch-action: manipulation;
    width: auto;
    height: var(--ocx-height);
    padding: 0 var(--ocx-padding);
    border-radius: var(--ocx-radius);
    background-color: var(--body-bgcolor);
    color: var(--text-color);
    font-size: var(--ocx-fontsize);
    border: 1px solid var(--border-color);
    font-weight: normal;
    font-style: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

:where(.ocx-button:hover) {
    background-color: var(--bg-color);
}

.ocx-button.ocx-button-active.active {
    color: #fff;
    border: none;
    background-color: var(--primary-5);
}

.ocx-button-cr {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    left: 1px;
    top: -100px;
    width: 1px;
    height: 1px;
}

@keyframes cls-animate-headshake {

    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}


._ugv_font-bold{
font-weight:700
}


._ugv_var-ocx-switch-icon-image-_url__data_image_svg_xml__3Csvg_xmlns__http___www_w3_org_2000_svg__fill__currentColor__class__bi_bi-sun__viewBox__0_0_16_16__3E_3Cpath_d__M8_11a3_3_0_1_1_0-6_3_3_0_0_1_0_6m0_1a4_4_0_1_0_0-8_4_4_0_0_0_0_8M8_0a_5_5_0_0_1__5_5v2a_5_5_0_0_1-1_0v-2A_5_5_0_0_1_8_0m0_13a_5_5_0_0_1__5_5v2a_5_5_0_0_1-1_0v-2A_5_5_0_0_1_8_13m8-5a_5_5_0_0_1-_5_5h-2a_5_5_0_0_1_0-1h2a_5_5_0_0_1__5_5M3_8a_5_5_0_0_1-_5_5h-2a_5_5_0_0_1_0-1h2A_5_5_0_0_1_3_8m10_657-5_657a_5_5_0_0_1_0__707l-1_414_1_415a_5_5_0_1_1-_707-_708l1_414-1_414a_5_5_0_0_1__707_0m-9_193_9_193a_5_5_0_0_1_0__707L3_05_13_657a_5_5_0_0_1-_707-_707l1_414-1_414a_5_5_0_0_1__707_0m9_193_2_121a_5_5_0_0_1-_707_0l-1_414-1_414a_5_5_0_0_1__707-_707l1_414_1_414a_5_5_0_0_1_0__707M4_464_4_465a_5_5_0_0_1-_707_0L2_343_3_05a_5_5_0_1_1__707-_707l1_414_1_414a_5_5_0_0_1_0__708___3E_3C_svg_3E___{
--ocx-switch-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-sun' viewBox='0 0 16 16'%3E%3Cpath d='M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708'/%3E%3C/svg%3E")
}


._ugv_var-checked_var-ocx-switch-icon-image-_url__data_image_svg_xml__3Csvg_xmlns__http___www_w3_org_2000_svg__width__16__height__16__fill__white__class__bi_bi-moon__viewBox__0_0_16_16__3E_3Cpath_d__M6__278a_77_77_0_0_1__08_858_7_2_7_2_0_0_0-_878_3_46c0_4_021_3_278_7_277_7_318_7_277q_792-_001_1_533-_16a_79_79_0_0_1__81_316_73_73_0_0_1-_031_893A8_35_8_35_0_0_1_8_344_16C3_734_16_0_12_286_0_7_71_0_4_266_2_114_1_312_5_124_06A_75_75_0_0_1_6__278M4_858_1_311A7_27_7_27_0_0_0_1_025_7_71c0_4_02_3_279_7_276_7_319_7_276a7_32_7_32_0_0_0_5_205-2_162q-_506_063-1_029_063c-4_61_0-8_343-3_714-8_343-8_29_0-1_167_242-2_278_681-3_286___3E_3C_svg_3E___{
--ocx-switch-icon-image-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-moon' viewBox='0 0 16 16'%3E%3Cpath d='M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278M4.858 1.311A7.27 7.27 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.32 7.32 0 0 0 5.205-2.162q-.506.063-1.029.063c-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286'/%3E%3C/svg%3E")
}


._ugv_var-ocx-switch-bdwidth-_1px_{
--ocx-switch-bdwidth: 1px
}


._ugv_var-checked_var-ocx-switch-bgcolor-_rgb_107_114_128__{
--ocx-switch-bgcolor-checked: rgb(107 114 128)
}


._ugv_var-checked_var-ocx-switch-iconcolor-_rgb_31_41_55__{
--ocx-switch-iconcolor-checked: rgb(31 41 55)
}


._ugv_var-checked_var-ocx-switch-bdcolor-_rgb_107_114_128__{
--ocx-switch-bdcolor-checked: rgb(107 114 128)
}


._ugv_p-_8px_16px_8px_16px_{
padding: 8px 16px 8px 16px
}


._ugv_border-width-_0px_0px_1px_0px_{
border-width: 0px 0px 1px 0px
}


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


._ugv_h-72px{
height: 72px
}


._ugv_hide{
display:none
}


._ugv_fontsize-72px{
font-size:72px
}


._ugv_color-title{
color: var(--title-color)
}


._ugv_mt-36px{
margin-top: 36px
}


._ugv_fontsize-32px{
font-size:32px
}


._ugv_color-muted{
color: var(--muted-color)
}


._ugv_mt-16px{
margin-top: 16px
}


._ugv_animate-headshake{
animation-duration: 1s;animation-iteration-count: infinite;animation-delay: 0s;animation-fill-mode: none;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    
    animation-name: cls-animate-headshake

}


._ugv_rotate-90deg{
--ugv-rotate: 90deg; transform: translate(var(--ugv-translate-x), var(--ugv-translate-y)) rotate(var(--ugv-rotate)) skewX(var(--ugv-skew-x)) skewY(var(--ugv-skew-y)) scaleX(var(--ugv-scale-x)) scaleY(var(--ugv-scale-y));
}


._ugv_shrink-0{
flex-shrink: 0;
}


._ugv_grow-0{
flex-grow: 0
}


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


._ugv_w-8px{
width: 8px
}


._ugv_inline-block{
display: inline-block
}


._ugv_mt-64px{
margin-top: 64px
}


._ugv_ocx-fontsize-2xl{
font-size:var(--ocx-fontsize-2xl)
}


._ugv_ocx-height-2xl{
height:var(--ocx-height-2xl)
}


._ugv_ocx-padding-2xl{
padding: 0 var(--ocx-padding-2xl)
}


._ugv_color-primary-0{
color: rgb(239 246 255 / 1)
}


._ugv_bg-primary-6{
--ugv-bg-opacity: 1; background-color: rgb(37 99 235 / var(--ugv-bg-opacity))
}


._ugv_border-primary-6{
border-color: rgb(37 99 235 / 1)
}


._ugv_border-1{
border-width: 1px;
}


._ugv_border-solid{
border-style: solid;;
}


._ugv_hover_color-white:hover{
color: rgb(255 255 255 / 1)
}


._ugv_hover_bg-primary-5:hover{
--ugv-bg-opacity: 1; background-color: rgb(59 130 246 / var(--ugv-bg-opacity))
}


._ugv_hover_border-primary-5:hover{
border-color: rgb(59 130 246 / 1)
}


._ugv_mt-72px{
margin-top: 72px
}


._ugv_justify-center{
justify-content: center;
}


._ugv_items-center{
align-items: center;
}


._ugv_flex-col{
flex-direction: column
}


._ugv_fixed{
position: fixed
}


._ugv_bottom-10px{
bottom: 10px;
}


._ugv_color-gray-2{
color: rgb(229 231 235 / 1)
}


._ugv_w-100vw{
width: 100vw
}

@media (max-width: 640px) {
._ugv_sm_h-36px{
height: 36px
}


._ugv_sm_fontsize-36px{
font-size:36px
}


._ugv_sm_fontsize-24px{
font-size:24px
}


._ugv_sm_ocx-fontsize-xl{
font-size:var(--ocx-fontsize-xl)
}


._ugv_sm_ocx-height-xl{
height:var(--ocx-height-xl)
}


._ugv_sm_ocx-padding-xl{
padding: 0 var(--ocx-padding-xl)
}
}

body.dark-mode ._ugv_dark_hide{
display:none
}
body.dark-mode ._ugv_dark_block{
display:block
}
body.dark-mode ._ugv_dark_color-gray-7{
color: rgb(55 65 81 / 1)
}