/* _content/TaigoWeb/Components/Layout/EmptyLayout.razor.rz.scp.css */
#blazor-error-ui[b-ntkxdtlalo] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ntkxdtlalo] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
.wrapper[b-ntkxdtlalo] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: clip;
}

.body-container[b-ntkxdtlalo]{
    color: white;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    flex: 1;
}
/* _content/TaigoWeb/Components/Layout/Header.razor.rz.scp.css */
.container[b-5d5e9il8oa]{
    display: grid;
    grid-template-columns: 2fr 1fr;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100px;
    padding: 40px 20px;
}

h4[b-5d5e9il8oa]{
    font-family: "Unbounded-Regular", Helvetica;
}

.grid-flex[b-5d5e9il8oa]{
    display: flex;
    align-items: center;
}

img[b-5d5e9il8oa]{
    max-width: 25px;
    max-height: 25px;
}

.navbar[b-5d5e9il8oa]{
    display: flex;
    justify-content: end;
    gap: 15px;
}

.navbar img[b-5d5e9il8oa]{
    width: 25px;
    height: 25px;
}

.navbar h4[b-5d5e9il8oa]{
    font-family: "Unbounded-Medium", Helvetica;
    font-size: 14px;
}
/* _content/TaigoWeb/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-k74wes6exm] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-k74wes6exm] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
.wrapper[b-k74wes6exm] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: clip;
}

.body-container[b-k74wes6exm]{
    color: white;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 20px;
}
/* _content/TaigoWeb/Components/Scoped/Switcher.razor.rz.scp.css */
.switcher[b-xhhagm857p] {
    z-index: 1;
    top: 40px;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 50px;
    box-sizing: border-box;
    padding: 12px 0;
    border: none;
    border-radius: 99em;
    font-size: var(--fz);
    background-color: color-mix(in srgb, var(--c-glass) 12%, transparent);
    backdrop-filter: blur(8px) url(#switcher) saturate(var(--saturation));
    -webkit-backdrop-filter: blur(8px) saturate(var(--saturation));
    box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent),
            inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent),
            inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent),
            inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent),
            inset -0.3px -1px 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent),
            inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
            inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
            inset 2px -6.5px 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent),
            0px 1px 5px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent),
            0px 6px 16px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);
    transition:
            background-color 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            box-shadow 400ms
            cubic-bezier(1, 0.0, 0.4, 1);
}

.switcher__legend[b-xhhagm857p] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.switcher__input[b-xhhagm857p] {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.switcher__icon[b-xhhagm857p] {
    display: block;
    width: 100%;
    transition: scale 200ms cubic-bezier(0.5, 0, 0, 1);
}

.switcher__filter[b-xhhagm857p] {
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1;
}

.switcher__option[b-xhhagm857p] {
    --c: var(--c-content);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    height: 100%;
    box-sizing: border-box;
    border-radius: 99em;
    opacity: 1;
    transition: all 160ms;
}

.switcher__option:hover[b-xhhagm857p] {
    --c: var(--c-action);
    cursor: pointer;
}

.switcher__option:hover .switcher__icon[b-xhhagm857p] {
    scale: 1.2;
}

.switcher__option:has(input:checked)[b-xhhagm857p] {
    --c: var(--c-content);
    cursor: auto;
}

.switcher__option:has(input:checked) .switcher__icon[b-xhhagm857p] {
    scale: 1;
}

.switcher[b-xhhagm857p]::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    display: block;
    width: 84px;
    height: 86%;
    border-radius: 99em;
    background-color: color-mix(in srgb, var(--c-glass) 36%, transparent);
    z-index: -1;
    box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent),
            inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent),
            inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent),
            inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent),
            inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
            inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent),
            0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);
}

.switcher:has(input[c-option="1"]:checked)[b-xhhagm857p]::after {
    translate: 1px;
    transform-origin: right;
    transition:
            background-color 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            box-shadow 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            translate 400ms
            cubic-bezier(1, 0.0, 0.4, 1),          
            width 400ms
            cubic-bezier(1, 0.0, 0.4, 1);
    animation: scaleToggle-b-xhhagm857p 440ms ease;
    width: 120px;
}

.switcher:has(input[c-option="2"]:checked)[b-xhhagm857p]::after {
    translate: 137px 0;
    transition:
            background-color 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            box-shadow 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            translate 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            width 400ms
            cubic-bezier(1, 0.0, 0.4, 1);
    
    animation: scaleToggle2-b-xhhagm857p 440ms ease;
    width: 225px;
}

.switcher[c-previous="1"]:has(input[c-option="2"]:checked)[b-xhhagm857p]::after {
    transform-origin: left;
}

.switcher[c-previous="3"]:has(input[c-option="2"]:checked)[b-xhhagm857p]::after {
    transform-origin: right;
}

.switcher:has(input[c-option="3"]:checked)[b-xhhagm857p]::after {
    translate: 385px 0;
    transform-origin: left;
    transition:
            background-color 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            box-shadow 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            translate 400ms
            cubic-bezier(1, 0.0, 0.4, 1),
            width 400ms
            cubic-bezier(1, 0.0, 0.4, 1);
    animation: scaleToggle3-b-xhhagm857p 440ms ease;
    width: 115px;
}


@keyframes scaleToggle-b-xhhagm857p {
    0% { scale: 1 1; }
    50% { scale: 1.1 1; }
    100% { scale: 1 1; }
}

@keyframes scaleToggle2-b-xhhagm857p{
    0% { scale: 1 1; }
    50% { scale: 1.2 1; }
    100% { scale: 1 1; }
}

@keyframes scaleToggle3-b-xhhagm857p {
    0% { scale: 1 1; }
    50% { scale: 1.1 1; }
    100% { scale: 1 1; }
}





/* //////////////////////////////////////////
/  Article Styles //////////////////////// */

.article[b-xhhagm857p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5em 2em;
}

h1[b-xhhagm857p], h2[b-xhhagm857p], p[b-xhhagm857p], blockquote[b-xhhagm857p] {
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
}

h1[b-xhhagm857p] {
    font-size: 3em;
    margin: 1.4em 0 0.6em;
}

h2[b-xhhagm857p] {
    font-size: 2em;
    margin: 1.4em 0 0.6em;
}

p[b-xhhagm857p] {
    line-height: 160%;
    margin: 0 0 1em;
}

blockquote[b-xhhagm857p] {
    margin-left: 0;
    margin-right: 0;
    font-size: 2em;
    padding-left: 1em;
    border-left: 0.1em solid currentColor;
}

figure[b-xhhagm857p] {
    margin: 1em 0 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

figcaption[b-xhhagm857p] {
    max-width: 600px;
    margin-top: 1em;
    font-size: 0.8em;
    color: color-mix(in srgb, var(--c-content) 60%, var(--c-bg));
}

a[b-xhhagm857p] {
    color: var(--c-action);
    text-decoration-thickness: 0.05em;
    text-underline-position: under;
    text-decoration-color: color-mix(in srgb, currentColor, transparent 70%);
    transition: color 160ms, text-decoration-color 160ms;
}

a:hover[b-xhhagm857p] {
    color: color-mix(in srgb, var(--c-action), var(--c-content) 40%);
    text-decoration-color: color-mix(in srgb, currentColor, transparent 30%);
}

img[b-xhhagm857p] {
    display: block;
    border-radius: 0.8em;
    width: 100%;
    max-width: 700px;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}

.box[b-xhhagm857p] {
    padding: 1em 1.4em;
    border-top: 4px solid color-mix(in srgb, var(--c-action) 50%, transparent);
    border-radius: 0.8em;
    background-color: color-mix(in srgb, var(--c-action) 8%, var(--c-bg));
    transition: background 400ms cubic-bezier(1, 0.0, 0.4, 1);
}
/* _content/TaigoWeb/Components/Shared/LiquidBox.razor.rz.scp.css */

.lg-btn[b-uwd0s78u8f]{
    all: unset;
    box-shadow: inset 1px 1px 3px 0 rgba(255, 255, 255, 0.3),
    inset 1px 0 0 0  rgba(255, 255, 255, 0.3),
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    font-family: "Unbounded-Regular", Helvetica;
    letter-spacing: 0.23px;
    margin: 2px;
}

.gl[b-uwd0s78u8f]{
    -webkit-backdrop-filter: blur(3px);
}
/* _content/TaigoWeb/Components/Shared/LiquidBoxOptimized.razor.rz.scp.css */
.box-shadow[b-8anq77xi0k]{
    box-shadow: inset 1px 1px 3px 0 rgba(255, 255, 255, 0.3),
    inset 1px 0 0 0  rgba(255, 255, 255, 0.3),
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
/* _content/TaigoWeb/Components/Shared/LiquidButton.razor.rz.scp.css */

.lg-btn:active[b-0g6zmk323g]{
    transform: scale(0.95);
}

.lg-btn:hover[b-0g6zmk323g]{
    animation: jelly 0.6s ease;

}
.lg-btn[b-0g6zmk323g]{
    all: unset;
    box-shadow: inset 1px 1px 3px 0 rgba(255, 255, 255, 0.3),
                inset 1px 0 0 0  rgba(255, 255, 255, 0.3),
                0 4px 8px 0 rgba(0, 0, 0, 0.2),
                0 6px 20px 0 rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.5);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: "Unbounded-Regular", Helvetica;
    letter-spacing: 0.23px;
    margin: 2px;
    width: fit-content;
}

.gl[b-0g6zmk323g]{
    -webkit-backdrop-filter: blur(3px);
}
/* _content/TaigoWeb/Components/Shared/LiquidButtonOptimized.razor.rz.scp.css */
.box-shadow[b-ai949pavpw]{
    box-shadow: inset 1px 1px 3px 0 rgba(255, 255, 255, 0.3),
    inset 1px 0 0 0  rgba(255, 255, 255, 0.3),
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
/* _content/TaigoWeb/Components/Shared/LiquidGlass.razor.rz.scp.css */
.lg-btn[b-rm2wl1ywt2]{
    width: 80px;
    height: 80px;
    border-radius: 10.2vmin 9.8vmin 10.2vmin 9.8vmin;
   /* background: linear-gradient(180deg, #ffffff17, #ffffff21);*/
    box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.07), 
    inset -2px -2px 2px 1px rgba(255, 255, 255, 0.11), 
    0 4px 8px 0 rgba(0, 0, 0, 0.2), 
    0 6px 20px 0 rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.5);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: "Unbounded-Regular", Helvetica;
    letter-spacing: 0.23px;
    margin: 2px;
    font-size: 45px;
}

.gl[b-rm2wl1ywt2]{ 
    -webkit-backdrop-filter: blur(3px);
}