Google

Edit File: estoto.html

<!DOCTYPE html>
<html class="rwd" dir="ltr" lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
        <title>Estoto: Inovasi Portal Digital dengan Keamanan Berlapis di 2026</title>
        <meta name="description" content="Estoto mencuri perhatian publik di awal 2026 sebagai platform digital dengan pertumbuhan pesat. Simak ulasan mengenai fitur, keamanan, dan trennya di sini."/>
        <link rel="canonical" href="https://sman2siantar.sch.id/blog/viral/estoto.html"/>
        <link rel="amphtml" href="https://augustajam.com/viralestoto"/>
        <meta property="og:title" content="Estoto: Inovasi Portal Digital dengan Keamanan Berlapis di 2026">
        <meta property="og:description" content="Estoto mencuri perhatian publik di awal 2026 sebagai platform digital dengan pertumbuhan pesat. Simak ulasan mengenai fitur, keamanan, dan trennya di sini.">
        <meta name="keywords" content="estoto, es toto, estoto login, estoto daftar, bandar togel, togel online, togel 4d, togel online 4d, bandar togel online, bandar togel 4d"/>
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://sman2siantar.sch.id/blog/viral/estoto.html">
        <meta property="og:site_name" content="ESTOTO">
        <meta property="og:image" content="https://pub-72e610e46cda4856a10caa1ba03fa94d.r2.dev/Estoto-Ads-E5.jpg">
        <meta property="og:image:alt" content="ESTOTO">
        <meta property="og:type" content="product">
        <meta property="og:availability" content="instock">
        <meta name="robots" content="index, follow"/>
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Estoto: Inovasi Portal Digital dengan Keamanan Berlapis di 2026">
        <meta name="twitter:description" content="Estoto mencuri perhatian publik di awal 2026 sebagai platform digital dengan pertumbuhan pesat. Simak ulasan mengenai fitur, keamanan, dan trennya di sini.">
        <meta name="twitter:image" content="https://pub-72e610e46cda4856a10caa1ba03fa94d.r2.dev/Estoto-Ads-E5.jpg">
        <link rel="icon" href="https://pub-72e610e46cda4856a10caa1ba03fa94d.r2.dev/favicon%20estogel.png" type="image/webp">
        <link rel="preload" as="image" href="https://pub-72e610e46cda4856a10caa1ba03fa94d.r2.dev/Estoto-Ads-E5.jpg">
        <link rel="preconnect" href="https://s.alicdn.com">
        <link rel="dns-prefetch" href="https://s.alicdn.com">
        <style>
            .rtl .icon-rtl {
                transform: rotate(180deg);
            }

.tap-toast-overlay {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: flex;
                justify-content: center;
                align-items: flex-start;
                padding-top: 60px;
                z-index: 10000;
            }

.tap-toast {
                background-color: #000000;
                opacity: 0.85;
                height: 48px;
                padding: 16px;
                border-radius: 8px;
                opacity: 0;
                transition: opacity 0.3s ease;
                display: flex;
                align-items: center;
                z-index: 10000;
            }

.tap-toast.show {
                opacity: 1;
            }

.tap-toast-tips {
                font-size: 16px;
                color: #fff;
                padding-left: 8px;
            }

.table-black {
                border-color: #000;
                color: #0000;
            }
        </style>
        <style type="text/css">
            [data-vaul-drawer] {
                touch-action: none;
                will-change: transform;
                transition: transform .5s cubic-bezier(.32, .72, 0, 1);
                animation-duration: .5s;
                animation-timing-function: cubic-bezier(0.32,0.72,0,1)
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open] {
                animation-name: slideFromBottom
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed] {
                animation-name: slideToBottom
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open] {
                animation-name: slideFromTop
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed] {
                animation-name: slideToTop
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open] {
                animation-name: slideFromLeft
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed] {
                animation-name: slideToLeft
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open] {
                animation-name: slideFromRight
            }

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed] {
                animation-name: slideToRight
            }

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom] {
                transform: translate3d(0,var(--initial-transform,100%),0)
            }

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top] {
                transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0)
            }

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left] {
                transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0)
            }

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right] {
                transform: translate3d(var(--initial-transform,100%),0,0)
            }

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top] {
                transform: translate3d(0,var(--snap-point-height,0),0)
            }

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom] {
                transform: translate3d(0,var(--snap-point-height,0),0)
            }

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left] {
                transform: translate3d(var(--snap-point-height,0),0,0)
            }

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right] {
                transform: translate3d(var(--snap-point-height,0),0,0)
            }

[data-vaul-overlay][data-vaul-snap-points=false] {
                animation-duration: .5s;
                animation-timing-function: cubic-bezier(0.32,0.72,0,1)
            }

[data-vaul-overlay][data-vaul-snap-points=false][data-state=open] {
                animation-name: fadeIn
            }

[data-vaul-overlay][data-state=closed] {
                animation-name: fadeOut
            }

[data-vaul-animate=false] {
                animation: none!important
            }

[data-vaul-overlay][data-vaul-snap-points=true] {
                opacity: 0;
                transition: opacity .5s cubic-bezier(.32, .72, 0, 1)
            }

[data-vaul-overlay][data-vaul-snap-points=true] {
                opacity: 1
            }

[data-vaul-drawer]:not([data-vaul-custom-container=true])::after {
                content: '';
                position: absolute;
                background: inherit;
                background-color: inherit
            }

[data-vaul-drawer][data-vaul-drawer-direction=top]::after {
                top: initial;
                bottom: 100%;
                left: 0;
                right: 0;
                height: 200%
            }

[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after {
                top: 100%;
                bottom: initial;
                left: 0;
                right: 0;
                height: 200%
            }

[data-vaul-drawer][data-vaul-drawer-direction=left]::after {
                left: initial;
                right: 100%;
                top: 0;
                bottom: 0;
                width: 200%
            }

[data-vaul-drawer][data-vaul-drawer-direction=right]::after {
                left: 100%;
                right: initial;
                top: 0;
                bottom: 0;
                width: 200%
            }

[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not( [data-state=closed] ) {
                opacity: 0
            }

[data-vaul-overlay][data-vaul-snap-points-overlay=true] {
                opacity: 1
            }

[data-vaul-handle] {
                display: block;
                position: relative;
                opacity: .7;
                background: #e2e2e4;
                margin-left: auto;
                margin-right: auto;
                height: 5px;
                width: 32px;
                border-radius: 1rem;
                touch-action: pan-y
            }

[data-vaul-handle]:active,[data-vaul-handle]:hover {
                opacity: 1
            }

[data-vaul-handle-hitarea] {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                width: max(100%,2.75rem);
                height: max(100%,2.75rem);
                touch-action: inherit
            }

@media (hover: hover) and (pointer:fine) {
                [data-vaul-drawer] {
                    user-select:none
                }
            }

@media (pointer: fine) {
                [data-vaul-handle-hitarea]: {
                    width:100%;
                    height: 100%
                }
            }

@keyframes fadeIn {
                from {
                    opacity: 0
                }

to {
                    opacity: 1
                }
            }

@keyframes fadeOut {
                to {
                    opacity: 0
                }
            }

@keyframes slideFromBottom {
                from {
                    transform: translate3d(0,var(--initial-transform,100%),0)
                }

to {
                    transform: translate3d(0,0,0)
                }
            }

@keyframes slideToBottom {
                to {
                    transform: translate3d(0,var(--initial-transform,100%),0)
                }
            }

@keyframes slideFromTop {
                from {
                    transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0)
                }

to {
                    transform: translate3d(0,0,0)
                }
            }

@keyframes slideToTop {
                to {
                    transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0)
                }
            }

@keyframes slideFromLeft {
                from {
                    transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0)
                }

to {
                    transform: translate3d(0,0,0)
                }
            }

@keyframes slideToLeft {
                to {
                    transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0)
                }
            }

@keyframes slideFromRight {
                from {
                    transform: translate3d(var(--initial-transform,100%),0,0)
                }

to {
                    transform: translate3d(0,0,0)
                }
            }

@keyframes slideToRight {
                to {
                    transform: translate3d(var(--initial-transform,100%),0,0)
                }
            }
        </style>
        <style type="text/css">
            [data-sonner-toaster][dir=ltr],html[dir=ltr] {
                --toast-icon-margin-start: -3px;
                --toast-icon-margin-end: 4px;
                --toast-svg-margin-start: -1px;
                --toast-svg-margin-end: 0px;
                --toast-button-margin-start: auto;
                --toast-button-margin-end: 0;
                --toast-close-button-start: 0;
                --toast-close-button-end: unset;
                --toast-close-button-transform: translate(-35%, -35%)
            }

[data-sonner-toaster][dir=rtl],html[dir=rtl] {
                --toast-icon-margin-start: 4px;
                --toast-icon-margin-end: -3px;
                --toast-svg-margin-start: 0px;
                --toast-svg-margin-end: -1px;
                --toast-button-margin-start: 0;
                --toast-button-margin-end: auto;
                --toast-close-button-start: unset;
                --toast-close-button-end: 0;
                --toast-close-button-transform: translate(35%, -35%)
            }

[data-sonner-toaster] {
                position: fixed;
                width: var(--width);
                font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
                --gray1: hsl(0, 0%, 99%);
                --gray2: hsl(0, 0%, 97.3%);
                --gray3: hsl(0, 0%, 95.1%);
                --gray4: hsl(0, 0%, 93%);
                --gray5: hsl(0, 0%, 90.9%);
                --gray6: hsl(0, 0%, 88.7%);
                --gray7: hsl(0, 0%, 85.8%);
                --gray8: hsl(0, 0%, 78%);
                --gray9: hsl(0, 0%, 56.1%);
                --gray10: hsl(0, 0%, 52.3%);
                --gray11: hsl(0, 0%, 43.5%);
                --gray12: hsl(0, 0%, 9%);
                --border-radius: 8px;
                box-sizing: border-box;
                padding: 0;
                margin: 0;
                list-style: none;
                outline: 0;
                z-index: 999999999;
                transition: transform .4s ease
            }

@media (hover: none) and (pointer:coarse) {
                [data-sonner-toaster][data-lifted=true] {
                    transform:none
                }
            }

[data-sonner-toaster][data-x-position=right] {
                right: var(--offset-right)
            }

[data-sonner-toaster][data-x-position=left] {
                left: var(--offset-left)
            }

[data-sonner-toaster][data-x-position=center] {
                left: 50%;
                transform: translateX(-50%)
            }

[data-sonner-toaster][data-y-position=top] {
                top: var(--offset-top)
            }

[data-sonner-toaster][data-y-position=bottom] {
                bottom: var(--offset-bottom)
            }

[data-sonner-toast] {
                --y: translateY(100%);
                --lift-amount: calc(var(--lift) * var(--gap));
                z-index: var(--z-index);
                position: absolute;
                opacity: 0;
                transform: var(--y);
                touch-action: none;
                transition: transform .4s,opacity .4s,height .4s,box-shadow .2s;
                box-sizing: border-box;
                outline: 0;
                overflow-wrap: anywhere
            }

[data-sonner-toast][data-styled=true] {
                padding: 16px;
                background: var(--normal-bg);
                border: 1px solid var(--normal-border);
                color: var(--normal-text);
                border-radius: var(--border-radius);
                box-shadow: 0 4px 12px rgba(0,0,0,.1);
                width: var(--width);
                font-size: 13px;
                display: flex;
                align-items: center;
                gap: 6px
            }

[data-sonner-toast]:focus-visible {
                box-shadow: 0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)
            }

[data-sonner-toast][data-y-position=top] {
                top: 0;
                --y: translateY(-100%);
                --lift: 1;
                --lift-amount: calc(1 * var(--gap))
            }

[data-sonner-toast][data-y-position=bottom] {
                bottom: 0;
                --y: translateY(100%);
                --lift: -1;
                --lift-amount: calc(var(--lift) * var(--gap))
            }

[data-sonner-toast][data-styled=true] [data-description] {
                font-weight: 400;
                line-height: 1.4;
                color: #3f3f3f
            }

[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description] {
                color: inherit
            }

[data-sonner-toaster][data-sonner-theme=dark] [data-description] {
                color: #e8e8e8
            }

[data-sonner-toast][data-styled=true] [data-title] {
                font-weight: 500;
                line-height: 1.5;
                color: inherit
            }

[data-sonner-toast][data-styled=true] [data-icon] {
                display: flex;
                height: 16px;
                width: 16px;
                position: relative;
                justify-content: flex-start;
                align-items: center;
                flex-shrink: 0;
                margin-left: var(--toast-icon-margin-start);
                margin-right: var(--toast-icon-margin-end)
            }

[data-sonner-toast][data-promise=true] [data-icon]>svg {
                opacity: 0;
                transform: scale(.8);
                transform-origin: center;
                animation: sonner-fade-in .3s ease forwards
            }

[data-sonner-toast][data-styled=true] [data-icon]>* {
                flex-shrink: 0
            }

[data-sonner-toast][data-styled=true] [data-icon] svg {
                margin-left: var(--toast-svg-margin-start);
                margin-right: var(--toast-svg-margin-end)
            }

[data-sonner-toast][data-styled=true] [data-content] {
                display: flex;
                flex-direction: column;
                gap: 2px
            }

[data-sonner-toast][data-styled=true] [data-button] {
                border-radius: 4px;
                padding-left: 8px;
                padding-right: 8px;
                height: 24px;
                font-size: 12px;
                color: var(--normal-bg);
                background: var(--normal-text);
                margin-left: var(--toast-button-margin-start);
                margin-right: var(--toast-button-margin-end);
                border: none;
                font-weight: 500;
                cursor: pointer;
                outline: 0;
                display: flex;
                align-items: center;
                flex-shrink: 0;
                transition: opacity .4s,box-shadow .2s
            }

[data-sonner-toast][data-styled=true] [data-button]:focus-visible {
                box-shadow: 0 0 0 2px rgba(0,0,0,.4)
            }

[data-sonner-toast][data-styled=true] [data-button]:first-of-type {
                margin-left: var(--toast-button-margin-start);
                margin-right: var(--toast-button-margin-end)
            }

[data-sonner-toast][data-styled=true] [data-cancel] {
                color: var(--normal-text);
                background: rgba(0,0,0,.08)
            }

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel] {
                background: rgba(255,255,255,.3)
            }

[data-sonner-toast][data-styled=true] [data-close-button] {
                position: absolute;
                left: var(--toast-close-button-start);
                right: var(--toast-close-button-end);
                top: 0;
                height: 20px;
                width: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                color: var(--gray12);
                background: var(--normal-bg);
                border: 1px solid var(--gray4);
                transform: var(--toast-close-button-transform);
                border-radius: 50%;
                cursor: pointer;
                z-index: 1;
                transition: opacity .1s,background .2s,border-color .2s
            }

[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible {
                box-shadow: 0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)
            }

[data-sonner-toast][data-styled=true] [data-disabled=true] {
                cursor: not-allowed
            }

[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover {
                background: var(--gray2);
                border-color: var(--gray5)
            }

[data-sonner-toast][data-swiping=true]::before {
                content: '';
                position: absolute;
                left: -100%;
                right: -100%;
                height: 100%;
                z-index: -1
            }

[data-sonner-toast][data-y-position=top][data-swiping=true]::before {
                bottom: 50%;
                transform: scaleY(3) translateY(50%)
            }

[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before {
                top: 50%;
                transform: scaleY(3) translateY(-50%)
            }

[data-sonner-toast][data-swiping=false][data-removed=true]::before {
                content: '';
                position: absolute;
                inset: 0;
                transform: scaleY(2)
            }

[data-sonner-toast][data-expanded=true]::after {
                content: '';
                position: absolute;
                left: 0;
                height: calc(var(--gap) + 1px);
                bottom: 100%;
                width: 100%
            }

[data-sonner-toast][data-mounted=true] {
                --y: translateY(0);
                opacity: 1
            }

[data-sonner-toast][data-expanded=false][data-front=false] {
                --scale: var(--toasts-before) * 0.05 + 1;
                --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
                height: var(--front-toast-height)
            }

[data-sonner-toast]>* {
                transition: opacity .4s
            }

[data-sonner-toast][data-x-position=right] {
                right: 0
            }

[data-sonner-toast][data-x-position=left] {
                left: 0
            }

[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>* {
                opacity: 0
            }

[data-sonner-toast][data-visible=false] {
                opacity: 0;
                pointer-events: none
            }

[data-sonner-toast][data-mounted=true][data-expanded=true] {
                --y: translateY(calc(var(--lift) * var(--offset)));
                height: var(--initial-height)
            }

[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false] {
                --y: translateY(calc(var(--lift) * -100%));
                opacity: 0
            }

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true] {
                --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
                opacity: 0
            }

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false] {
                --y: translateY(40%);
                opacity: 0;
                transition: transform .5s,opacity .2s
            }

[data-sonner-toast][data-removed=true][data-front=false]::before {
                height: calc(var(--initial-height) + 20%)
            }

[data-sonner-toast][data-swiping=true] {
                transform: var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));
                transition: none
            }

[data-sonner-toast][data-swiped=true] {
                user-select: none
            }

[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top] {
                animation-duration: .2s;
                animation-timing-function: ease-out;
                animation-fill-mode: forwards
            }

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left] {
                animation-name: swipe-out-left
            }

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right] {
                animation-name: swipe-out-right
            }

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up] {
                animation-name: swipe-out-up
            }

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down] {
                animation-name: swipe-out-down
            }

@keyframes swipe-out-left {
                from {
                    transform: var(--y) translateX(var(--swipe-amount-x));
                    opacity: 1
                }

to {
                    transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
                    opacity: 0
                }
            }

@keyframes swipe-out-right {
                from {
                    transform: var(--y) translateX(var(--swipe-amount-x));
                    opacity: 1
                }

to {
                    transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
                    opacity: 0
                }
            }

@keyframes swipe-out-up {
                from {
                    transform: var(--y) translateY(var(--swipe-amount-y));
                    opacity: 1
                }

to {
                    transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
                    opacity: 0
                }
            }

@keyframes swipe-out-down {
                from {
                    transform: var(--y) translateY(var(--swipe-amount-y));
                    opacity: 1
                }

to {
                    transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
                    opacity: 0
                }
            }

@media (max-width: 600px) {
                [data-sonner-toaster] {
                    position:fixed;
                    right: var(--mobile-offset-right);
                    left: var(--mobile-offset-left);
                    width: 100%
                }

[data-sonner-toaster][dir=rtl] {
                    left: calc(var(--mobile-offset-left) * -1)
                }

[data-sonner-toaster] [data-sonner-toast] {
                    left: 0;
                    right: 0;
                    width: calc(100% - var(--mobile-offset-left) * 2)
                }

[data-sonner-toaster][data-x-position=left] {
                    left: var(--mobile-offset-left)
                }

[data-sonner-toaster][data-y-position=bottom] {
                    bottom: var(--mobile-offset-bottom)
                }

[data-sonner-toaster][data-y-position=top] {
                    top: var(--mobile-offset-top)
                }

[data-sonner-toaster][data-x-position=center] {
                    left: var(--mobile-offset-left);
                    right: var(--mobile-offset-right);
                    transform: none
                }
            }

[data-sonner-toaster][data-sonner-theme=light] {
                --normal-bg: #fff;
                --normal-border: var(--gray4);
                --normal-text: var(--gray12);
                --success-bg: hsl(143, 85%, 96%);
                --success-border: hsl(145, 92%, 87%);
                --success-text: hsl(140, 100%, 27%);
                --info-bg: hsl(208, 100%, 97%);
                --info-border: hsl(221, 91%, 93%);
                --info-text: hsl(210, 92%, 45%);
                --warning-bg: hsl(49, 100%, 97%);
                --warning-border: hsl(49, 91%, 84%);
                --warning-text: hsl(31, 92%, 45%);
                --error-bg: hsl(359, 100%, 97%);
                --error-border: hsl(359, 100%, 94%);
                --error-text: hsl(360, 100%, 45%)
            }

[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true] {
                --normal-bg: #000;
                --normal-border: hsl(0, 0%, 20%);
                --normal-text: var(--gray1)
            }

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true] {
                --normal-bg: #fff;
                --normal-border: var(--gray3);
                --normal-text: var(--gray12)
            }

[data-sonner-toaster][data-sonner-theme=dark] {
                --normal-bg: #000;
                --normal-bg-hover: hsl(0, 0%, 12%);
                --normal-border: hsl(0, 0%, 20%);
                --normal-border-hover: hsl(0, 0%, 25%);
                --normal-text: var(--gray1);
                --success-bg: hsl(150, 100%, 6%);
                --success-border: hsl(147, 100%, 12%);
                --success-text: hsl(150, 86%, 65%);
                --info-bg: hsl(215, 100%, 6%);
                --info-border: hsl(223, 43%, 17%);
                --info-text: hsl(216, 87%, 65%);
                --warning-bg: hsl(64, 100%, 6%);
                --warning-border: hsl(60, 100%, 9%);
                --warning-text: hsl(46, 87%, 65%);
                --error-bg: hsl(358, 76%, 10%);
                --error-border: hsl(357, 89%, 16%);
                --error-text: hsl(358, 100%, 81%)
            }

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button] {
                background: var(--normal-bg);
                border-color: var(--normal-border);
                color: var(--normal-text)
            }

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover {
                background: var(--normal-bg-hover);
                border-color: var(--normal-border-hover)
            }

[data-rich-colors=true][data-sonner-toast][data-type=success] {
                background: var(--success-bg);
                border-color: var(--success-border);
                color: var(--success-text)
            }

[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button] {
                background: var(--success-bg);
                border-color: var(--success-border);
                color: var(--success-text)
            }

[data-rich-colors=true][data-sonner-toast][data-type=info] {
                background: var(--info-bg);
                border-color: var(--info-border);
                color: var(--info-text)
            }

[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button] {
                background: var(--info-bg);
                border-color: var(--info-border);
                color: var(--info-text)
            }

[data-rich-colors=true][data-sonner-toast][data-type=warning] {
                background: var(--warning-bg);
                border-color: var(--warning-border);
                color: var(--warning-text)
            }

[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button] {
                background: var(--warning-bg);
                border-color: var(--warning-border);
                color: var(--warning-text)
            }

[data-rich-colors=true][data-sonner-toast][data-type=error] {
                background: var(--error-bg);
                border-color: var(--error-border);
                color: var(--error-text)
            }

[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button] {
                background: var(--error-bg);
                border-color: var(--error-border);
                color: var(--error-text)
            }

.sonner-loading-wrapper {
                --size: 16px;
                height: var(--size);
                width: var(--size);
                position: absolute;
                inset: 0;
                z-index: 10
            }

.sonner-loading-wrapper[data-visible=false] {
                transform-origin: center;
                animation: sonner-fade-out .2s ease forwards
            }

.sonner-spinner {
                position: relative;
                top: 50%;
                left: 50%;
                height: var(--size);
                width: var(--size)
            }

.sonner-loading-bar {
                animation: sonner-spin 1.2s linear infinite;
                background: var(--gray11);
                border-radius: 6px;
                height: 8%;
                left: -10%;
                position: absolute;
                top: -3.9%;
                width: 24%
            }

.sonner-loading-bar:first-child {
                animation-delay: -1.2s;
                transform: rotate(.0001deg) translate(146%)
            }

.sonner-loading-bar:nth-child(2) {
                animation-delay: -1.1s;
                transform: rotate(30deg) translate(146%)
            }

.sonner-loading-bar:nth-child(3) {
                animation-delay: -1s;
                transform: rotate(60deg) translate(146%)
            }

.sonner-loading-bar:nth-child(4) {
                animation-delay: -.9s;
                transform: rotate(90deg) translate(146%)
            }

.sonner-loading-bar:nth-child(5) {
                animation-delay: -.8s;
                transform: rotate(120deg) translate(146%)
            }

.sonner-loading-bar:nth-child(6) {
                animation-delay: -.7s;
                transform: rotate(150deg) translate(146%)
            }

.sonner-loading-bar:nth-child(7) {
                animation-delay: -.6s;
                transform: rotate(180deg) translate(146%)
            }

.sonner-loading-bar:nth-child(8) {
                animation-delay: -.5s;
                transform: rotate(210deg) translate(146%)
            }

.sonner-loading-bar:nth-child(9) {
                animation-delay: -.4s;
                transform: rotate(240deg) translate(146%)
            }

.sonner-loading-bar:nth-child(10) {
                animation-delay: -.3s;
                transform: rotate(270deg) translate(146%)
            }

.sonner-loading-bar:nth-child(11) {
                animation-delay: -.2s;
                transform: rotate(300deg) translate(146%)
            }

.sonner-loading-bar:nth-child(12) {
                animation-delay: -.1s;
                transform: rotate(330deg) translate(146%)
            }

@keyframes sonner-fade-in {
                0% {
                    opacity: 0;
                    transform: scale(.8)
                }

100% {
                    opacity: 1;
                    transform: scale(1)
                }
            }

@keyframes sonner-fade-out {
                0% {
                    opacity: 1;
                    transform: scale(1)
                }

100% {
                    opacity: 0;
                    transform: scale(.8)
                }
            }

@keyframes sonner-spin {
                0% {
                    opacity: 1
                }

100% {
                    opacity: .15
                }
            }

@media (prefers-reduced-motion) {
                .sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>* {
                    transition: none!important;
                    animation: none!important
                }
            }

.sonner-loader {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                transform-origin: center;
                transition: opacity .2s,transform .2s
            }

.sonner-loader[data-visible=false] {
                opacity: 0;
                transform: scale(.8) translate(-50%,-50%)
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-circular {
                0% {
                    stroke-dashoffset: 306
                }

50% {
                    stroke-dasharray: 40,134
                }

to {
                    stroke-dasharray: 1,174;
                    stroke-dashoffset: 132
                }
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-circular-fixed {
                0% {
                    stroke-dashoffset: 325
                }

to {
                    stroke-dashoffset: 151
                }
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-circular-split {
                0% {
                    stroke-dashoffset: 1;
                    stroke-dasharray: 5,170
                }

10% {
                    stroke-dashoffset: 13;
                    stroke-dasharray: 30,145
                }

13% {
                    stroke-dashoffset: -11;
                    stroke-dasharray: 5,145
                }

50% {
                    stroke-dasharray: 5,0,5,165;
                    stroke-dashoffset: -82
                }

51% {
                    stroke-dasharray: 2,0,2,139;
                    stroke-dashoffset: -85
                }

61% {
                    stroke-dasharray: 15,0,15,165;
                    stroke-dashoffset: -72
                }

64% {
                    stroke-dasharray: 5,20,5,145;
                    stroke-dashoffset: -72
                }
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-infinity {
                0% {
                    stroke-dasharray: 1,347;
                    stroke-dashoffset: 75
                }

25%,75% {
                    stroke-dasharray: 17,330
                }

50% {
                    stroke-dasharray: 1,347
                }

to {
                    stroke-dasharray: 1,347;
                    stroke-dashoffset: 423
                }
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-dotted-center {
                0%,15%,85%,to {
                    transform: scale(0)
                }

40%,50% {
                    transform: scale(1)
                }

84% {
                    transform: scale(.45)
                }
            }

@keyframes spinners-react-dotted-shrink {
                50% {
                    transform: translate(0)
                }
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-round {
                27%,73% {
                    r: 2px;
                    stroke-width: 4
                }
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-round-outlined {
                35%,65% {
                    r: 2px;
                    stroke-width: 4
                }
            }
        </style>
        <style type="text/css">
            @keyframes spinners-react-diamond {
                25% {
                    transform: translate(30px,-30px)
                }

50% {
                    transform: translate(60px)
                }

75% {
                    transform: translate(30px,30px)
                }
            }
        </style>
        <style type="text/css">
            [data-vaul-drawer] {
                touch-action: none;
                will-change: transform;
                transition: transform .5s cubic-bezier(.32, .72, 0, 1);
                animation-duration: .5s;
                animation-timing-function: cubic-bezier(0.32,0.72,0,1)
            }