:root {
    --shimmer-hue-1: 213deg;
    --shimmer-sat-1: 95%;
    --shimmer-lit-1: 91%;
    --shimmer-hue-2: 248deg;
    --shimmer-sat-2: 100%;
    --shimmer-lit-2: 86%;
    --shimmer-hue-3: 293deg;
    --shimmer-sat-3: 78%;
    --shimmer-lit-3: 89%;
    
    --glow-hue: 222deg;
    --shadow-hue: 180deg;
    --spring-easing: linear(
    0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
    1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
    1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
    0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
    0.998 84%, 1
  );
    --spring-duration: 1.33s;
}
@property --mask {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg;
}

@-webkit-keyframes spin {
    0% {
        --mask: 0deg;
    }
    100% {
        --mask: 360deg;
    }
}

@keyframes spin {
    0% {
        --mask: 0deg;
    }
    100% {
        --mask: 360deg;
    }
}

@-webkit-keyframes wipe {
    0% {
        -webkit-mask-position: 200% center;
                mask-position: 200% center;
    }
    100% {
        -webkit-mask-position: 0% center;
                mask-position: 0% center;
    }
}

@keyframes wipe {
    0% {
        -webkit-mask-position: 200% center;
                mask-position: 200% center;
    }
    100% {
        -webkit-mask-position: 0% center;
                mask-position: 0% center;
    }
}

@-webkit-keyframes pulse {
    0%, 90%, 100% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
}

@keyframes pulse {
    0%, 90%, 100% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
}

@-webkit-keyframes pulse2 {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    14% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes pulse2 {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    14% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes flicker {
  0% { opacity:0.1; -webkit-mask-image:none; mask-image:none;}
  1% { opacity:1; }
  2% { opacity:0.5; }
  3% { opacity:0.1; }
  4% { opacity:0.7; }
  5% { opacity:1; }
  7% { opacity:0.7; 
    -webkit-mask-image: linear-gradient(
        90deg, transparent 15%, black 45%, black 55%, transparent 85%
    ); 
            mask-image: linear-gradient(
        90deg, transparent 15%, black 45%, black 55%, transparent 85%
    ); }
  8% { opacity:0.1; }
  10% { opacity:0.4; }
  13% { opacity:1; }
  15% { opacity:0.1;  
    -webkit-mask-image: linear-gradient(
        45deg, rgba(0,0,0,0.4) 25%, transparent 45%, black 65%, black 90%, transparent 100%
    );  
            mask-image: linear-gradient(
        45deg, rgba(0,0,0,0.4) 25%, transparent 45%, black 65%, black 90%, transparent 100%
    );}
  17% { opacity:0.8;}
  19% { opacity:0.3; }
  21.5% { opacity:0; }
  23% { opacity:1; }
  39% { opacity:0.7; }
  45% { opacity:0.2; }
  49% { opacity:0.9; }
  52% { opacity:0.7;}
  53.5% { opacity:0.2;  
    -webkit-mask-image: linear-gradient(
        90deg, black 15%, black 45%, rgba(0,0,0,0.4) 75%, transparent 85%
    );  
            mask-image: linear-gradient(
        90deg, black 15%, black 45%, rgba(0,0,0,0.4) 75%, transparent 85%
    );}
  57% { opacity:0.8; }
  63% { opacity:1; }
  75% { opacity:.85; }
  77% { opacity:1; }
  80% { opacity:.9; }
  82% { opacity:.95; }
  83% { opacity:.85; }
  86% { opacity:1; }
  89% { opacity:.85; }
  91% { opacity:1; }
  92% { opacity:.9; }
  100% { opacity:1; }
}

@keyframes flicker {
  0% { opacity:0.1; -webkit-mask-image:none; mask-image:none;}
  1% { opacity:1; }
  2% { opacity:0.5; }
  3% { opacity:0.1; }
  4% { opacity:0.7; }
  5% { opacity:1; }
  7% { opacity:0.7; 
    -webkit-mask-image: linear-gradient(
        90deg, transparent 15%, black 45%, black 55%, transparent 85%
    ); 
            mask-image: linear-gradient(
        90deg, transparent 15%, black 45%, black 55%, transparent 85%
    ); }
  8% { opacity:0.1; }
  10% { opacity:0.4; }
  13% { opacity:1; }
  15% { opacity:0.1;  
    -webkit-mask-image: linear-gradient(
        45deg, rgba(0,0,0,0.4) 25%, transparent 45%, black 65%, black 90%, transparent 100%
    );  
            mask-image: linear-gradient(
        45deg, rgba(0,0,0,0.4) 25%, transparent 45%, black 65%, black 90%, transparent 100%
    );}
  17% { opacity:0.8;}
  19% { opacity:0.3; }
  21.5% { opacity:0; }
  23% { opacity:1; }
  39% { opacity:0.7; }
  45% { opacity:0.2; }
  49% { opacity:0.9; }
  52% { opacity:0.7;}
  53.5% { opacity:0.2;  
    -webkit-mask-image: linear-gradient(
        90deg, black 15%, black 45%, rgba(0,0,0,0.4) 75%, transparent 85%
    );  
            mask-image: linear-gradient(
        90deg, black 15%, black 45%, rgba(0,0,0,0.4) 75%, transparent 85%
    );}
  57% { opacity:0.8; }
  63% { opacity:1; }
  75% { opacity:.85; }
  77% { opacity:1; }
  80% { opacity:.9; }
  82% { opacity:.95; }
  83% { opacity:.85; }
  86% { opacity:1; }
  89% { opacity:.85; }
  91% { opacity:1; }
  92% { opacity:.9; }
  100% { opacity:1; }
}

@-webkit-keyframes shine {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes shine {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes text {
    0% {
        background-position: 100% center;
    }    
    100% {
        background-position: -100% center;
    }    
}
@keyframes text {
    0% {
        background-position: 100% center;
    }    
    100% {
        background-position: -100% center;
    }    
}
a {
 text-decoration: none;
 color:#000
}
.dark button {
    color: var(--bg);
    font-weight: 600;
    font-size: 1.2em;
    background-image: linear-gradient(315deg, hsl(var(--shimmer-hue-1), var(--shimmer-sat-1), var(--shimmer-lit-1)) 0.00%, hsl(0deg 0% 86.61%) 47%, hsl(196.62deg 100% 50%) 100.00%);
    padding: .8em 1.4em;
    position: relative;
    isolation: isolate;
    box-shadow: 0 2px 3px 1px hsl(var(--glow-hue) 50% 20% / 50%);
    border: none;
    outline: none;
    border-radius: 0.66em;
    scale: 1;
    transition: all var(--spring-duration) var(--spring-easing);
    text-transform: unset;
}

.shimmer {
    position: absolute;
    inset: -40px;
    border-radius: inherit;
    mix-blend-mode: color-dodge;
    mix-blend-mode: plus-lighter;
    pointer-events: none;
}

.shimmer::before,
.shimmer::after {
    transition: all 0.5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 40px;
}
.shimmer::before {
    box-shadow: 0 0 3px 2px hsl(var(--shimmer-hue-1) 20% 95%),
        0 0 7px 4px hsl(var(--shimmer-hue-1) 20% 80%),
        0 0 13px 8px hsl(var(--shimmer-hue-2) 40% 60%),
        0 0 22px 6px hsl(var(--shimmer-hue-2) 20% 40%);
    z-index: -1;
}
.shimmer::after {
    box-shadow: inset 0 0 0 1px hsl(var(--shimmer-hue-2) 70% 95%),
        inset 0 0 3px 1px hsl(var(--shimmer-hue-2) 100% 80%),
        inset 0 0 9px 1px hsl(var(--shimmer-hue-2) 100% 70%);
    z-index: 2;
}

button[disabled] {
    background: rgb(76 76 92);
    background-image: none;
}
button:hover:not(:active):not([disabled]) {
    scale: 1.1;
    transition-duration: calc(var(--spring-duration)*0.5);
}
button:active:not([disabled]) {
    scale: 1.05;
    transition-duration: calc(var(--spring-duration)*0.5);
}
button:focus .shimmer,
button:active .shimmer {
    -webkit-animation-play-state: paused!important;
            animation-play-state: paused!important;
    -webkit-mask-image: none!important;
            mask-image: none!important;
}
button:hover:not([disabled]),
button:hover:not([disabled]) .shimmer::before,
button:hover:not([disabled]) .shimmer::after {
    opacity: 1;
}


button .text {
    color: #000;
    -webkit-background-clip: text;
            background-clip: text;
    background-color: var(--bg);
    background-image: linear-gradient(120deg, transparent, hsl(213deg 100% 51.94% / 66%) 40%, hsl(174.46deg 100% 50% / 90%) 50%, #000000 52%);
    background-repeat: no-repeat;
    background-size: 300% 300%;
    background-position: center 200%;
}

button:not([disabled]):hover .text {
    -webkit-animation: text .66s ease-in-out 1;
            animation: text .66s ease-in-out 1;
}

button:not([disabled]) .shimmer::before,
button:not([disabled]) .shimmer::after {
    opacity: 1;
}
button:not([disabled]) .shimmer {
    -webkit-mask-image: conic-gradient(
        from var(--mask, 0deg),
        transparent 0%,
        transparent 10%,
        black 36%,
        black 45%,
        transparent 50%,
        transparent 60%,
        black 85%,
        black 95%,
        transparent 100%
    );
            mask-image: conic-gradient(
        from var(--mask, 0deg),
        transparent 0%,
        transparent 10%,
        black 36%,
        black 45%,
        transparent 50%,
        transparent 60%,
        black 85%,
        black 95%,
        transparent 100%
    );
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-animation: spin 3s linear infinite both -0.5s;
            animation: spin 3s linear infinite both -0.5s;
}
button:not([disabled])[data-effect=wipe] .shimmer {
    -webkit-mask-image: linear-gradient(
        90deg, transparent 20%, black 88%, transparent 90%
    );
            mask-image: linear-gradient(
        90deg, transparent 20%, black 88%, transparent 90%
    );
    -webkit-mask-size: 200% 200%;
            mask-size: 200% 200%;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-animation: wipe 1.5s linear infinite both -0.5s;
            animation: wipe 1.5s linear infinite both -0.5s;
}
button:not([disabled])[data-effect=wave] .shimmer {
    -webkit-mask-image: linear-gradient(
        90deg, transparent 15%, black 45%, black 55%, transparent 85%
    );
            mask-image: linear-gradient(
        90deg, transparent 15%, black 45%, black 55%, transparent 85%
    );
    -webkit-mask-size: 200% 200%;
            mask-size: 200% 200%;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-animation: wipe 3s linear infinite both -0.5s;
            animation: wipe 3s linear infinite both -0.5s;
}
button:not([disabled])[data-effect=throb] .shimmer {
    -webkit-mask-image: none;
            mask-image: none;
    -webkit-animation: pulse 3s ease infinite both  -0.5s;
            animation: pulse 3s ease infinite both  -0.5s;
}
button:not([disabled])[data-effect=pulse] .shimmer {
    -webkit-mask-image: none;
            mask-image: none;
    -webkit-animation: pulse2 3s ease infinite both  -0.5s;
            animation: pulse2 3s ease infinite both  -0.5s;
}
button:not([disabled])[data-effect=flicker] .shimmer {
    -webkit-mask-image: none;
            mask-image: none;
    -webkit-animation: flicker 3.33s ease infinite both  -0.5s;
            animation: flicker 3.33s ease infinite both  -0.5s;
}
/*************************************/





body > * {
    position: relative;
    z-index: 1;
}

body {
    text-align: center;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    color: #fff;
    font-family: Arial, sans-serif;
    position: relative;
    overflow-x: hidden;
    background: linear-gradient(
        45deg,
        #01437b 0%,
        #23a6d5 38%,
        #00c6db 56%,
        #23d5ab 90%
    );
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
}

body::before {
    content: "";
    position: fixed;
    inset: -50%;
    background-image: url("./fd.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 130% 130%; 
    opacity: 0.22;
    pointer-events: none;
    z-index: 0;
    animation: swayBg 12s ease-in-out infinite;
}
@keyframes swayBg {
    0% {
        background-position: 50% 50%;
    }
    25% {
        background-position: 52% 50%;
    }
    50% {
        background-position: 55% 50%;
    }
    75% {
        background-position: 52% 50%;
    }
    100% {
        background-position: 50% 50%;
    }
}

.vh {
    min-height: 100vh;        /* fallback */
    min-height: 100dvh;       /* mobile moderne (iOS / Android) */
    display: flex;
    align-items: center;      /* centré vertical */
    justify-content: center;  /* centré horizontal */
    text-align: center;
}
.vh > div { width: 100%; text-align: center; vertical-align: middle; }
img { max-width: 100%; }
.wrap {text-align: center;}
.wrap h1 {font-size: 30px;
  font-weight: 700;
  padding: 0;
  margin: -35px;}
.wrap h2 {font-size: 24px;font-weight: 400;line-height: 1.6;margin: 0 0 10px;}
@-webkit-keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
0% {background-position: 0% 100%}
50% {background-position: 100% 50%}
100% {background-position: 0% 100%}
}
@keyframes Gradient {
0% {background-position: 0% 100%}
50% {background-position: 100% 50%}
100% {background-position: 0% 100%}
}
svg {
    width: 100%;
    height: auto;
    max-width: 620px;
	will-change: transform;
    transform-origin: center;
}
@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:1800.2476349147976px;stroke-dasharray:1800.2476349147976px}100%{stroke-dashoffset:3600.495269829595px;stroke-dasharray:1800.2476349147976px}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-1{animation:animate-svg-stroke-1 1s ease-in-out 0s both,animate-svg-fill-1 0.8s linear 0.6s both}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:785.912109375px;stroke-dasharray:785.912109375px}100%{stroke-dashoffset:1571.82421875px;stroke-dasharray:785.912109375px}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-2{animation:animate-svg-stroke-2 1s ease-in-out 0.12s both,animate-svg-fill-2 0.8s linear 0.7s both}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:561.7080078125px;stroke-dasharray:561.7080078125px}100%{stroke-dashoffset:1123.416015625px;stroke-dasharray:561.7080078125px}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-3{animation:animate-svg-stroke-3 1s ease-in-out 0.24s both,animate-svg-fill-3 0.8s linear 0.8s both}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:317.3116760253906px;stroke-dasharray:317.3116760253906px}100%{stroke-dashoffset:634.6233520507812px;stroke-dasharray:317.3116760253906px}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-4{animation:animate-svg-stroke-4 1s ease-in-out 0.36s both,animate-svg-fill-4 0.8s linear 0.9s both}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:356.05975341796875px;stroke-dasharray:356.05975341796875px}100%{stroke-dashoffset:712.1195068359375px;stroke-dasharray:356.05975341796875px}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-5{animation:animate-svg-stroke-5 1s ease-in-out 0.48s both,animate-svg-fill-5 0.8s linear 1s both}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:167.59249877929688px;stroke-dasharray:167.59249877929688px}100%{stroke-dashoffset:335.18499755859375px;stroke-dasharray:167.59249877929688px}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-6{animation:animate-svg-stroke-6 1s ease-in-out 0.6s both,animate-svg-fill-6 0.8s linear 1.1s both}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:302.07550048828125px;stroke-dasharray:302.07550048828125px}100%{stroke-dashoffset:604.1510009765625px;stroke-dasharray:302.07550048828125px}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-7{animation:animate-svg-stroke-7 1s ease-in-out 0.72s both,animate-svg-fill-7 0.8s linear 1.2000000000000002s both}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:308.6034240722656px;stroke-dasharray:308.6034240722656px}100%{stroke-dashoffset:617.2068481445312px;stroke-dasharray:308.6034240722656px}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-8{animation:animate-svg-stroke-8 1s ease-in-out 0.84s both,animate-svg-fill-8 0.8s linear 1.3s both}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:195.34378051757812px;stroke-dasharray:195.34378051757812px}100%{stroke-dashoffset:390.68756103515625px;stroke-dasharray:195.34378051757812px}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-9{animation:animate-svg-stroke-9 1s ease-in-out 0.96s both,animate-svg-fill-9 0.8s linear 1.4s both}@keyframes animate-svg-stroke-10{0%{stroke-dashoffset:81.53089904785156px;stroke-dasharray:81.53089904785156px}100%{stroke-dashoffset:163.06179809570312px;stroke-dasharray:81.53089904785156px}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-10{animation:animate-svg-stroke-10 1s ease-in-out 1.08s both,animate-svg-fill-10 0.8s linear 1.5s both}@keyframes animate-svg-stroke-11{0%{stroke-dashoffset:32.28755760192871px;stroke-dasharray:32.28755760192871px}100%{stroke-dashoffset:64.57511520385742px;stroke-dasharray:32.28755760192871px}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-11{animation:animate-svg-stroke-11 1s ease-in-out 1.2s both,animate-svg-fill-11 0.8s linear 1.6s both}@keyframes animate-svg-stroke-12{0%{stroke-dashoffset:483.4735107421875px;stroke-dasharray:483.4735107421875px}100%{stroke-dashoffset:966.947021484375px;stroke-dasharray:483.4735107421875px}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-12{animation:animate-svg-stroke-12 1s ease-in-out 1.3199999999999998s both,animate-svg-fill-12 0.8s linear 1.7000000000000002s both}@keyframes animate-svg-stroke-13{0%{stroke-dashoffset:68.07540893554688px;stroke-dasharray:68.07540893554688px}100%{stroke-dashoffset:136.15081787109375px;stroke-dasharray:68.07540893554688px}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-13{animation:animate-svg-stroke-13 1s ease-in-out 1.44s both,animate-svg-fill-13 0.8s linear 1.8000000000000003s both}@keyframes animate-svg-stroke-14{0%{stroke-dashoffset:67.76312255859375px;stroke-dasharray:67.76312255859375px}100%{stroke-dashoffset:135.5262451171875px;stroke-dasharray:67.76312255859375px}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-14{animation:animate-svg-stroke-14 1s ease-in-out 1.56s both,animate-svg-fill-14 0.8s linear 1.9s both}@keyframes animate-svg-stroke-15{0%{stroke-dashoffset:67.50176239013672px;stroke-dasharray:67.50176239013672px}100%{stroke-dashoffset:135.00352478027344px;stroke-dasharray:67.50176239013672px}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-15{animation:animate-svg-stroke-15 1s ease-in-out 1.68s both,animate-svg-fill-15 0.8s linear 2s both}@keyframes animate-svg-stroke-16{0%{stroke-dashoffset:67.76314544677734px;stroke-dasharray:67.76314544677734px}100%{stroke-dashoffset:135.5262908935547px;stroke-dasharray:67.76314544677734px}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-16{animation:animate-svg-stroke-16 1s ease-in-out 1.7999999999999998s both,animate-svg-fill-16 0.8s linear 2.1s both}@keyframes animate-svg-stroke-17{0%{stroke-dashoffset:67.94296264648438px;stroke-dasharray:67.94296264648438px}100%{stroke-dashoffset:135.88592529296875px;stroke-dasharray:67.94296264648438px}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-17{animation:animate-svg-stroke-17 1s ease-in-out 1.92s both,animate-svg-fill-17 0.8s linear 2.2s both}@keyframes animate-svg-stroke-18{0%{stroke-dashoffset:3509.43798828125px;stroke-dasharray:3509.43798828125px}100%{stroke-dashoffset:7018.8759765625px;stroke-dasharray:3509.43798828125px}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-18{animation:animate-svg-stroke-18 1s ease-in-out 2.04s both,animate-svg-fill-18 0.8s linear 2.3000000000000003s both}@keyframes animate-svg-stroke-19{0%{stroke-dashoffset:407.42132568359375px;stroke-dasharray:407.42132568359375px}100%{stroke-dashoffset:814.8426513671875px;stroke-dasharray:407.42132568359375px}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-19{animation:animate-svg-stroke-19 1s ease-in-out 2.16s both,animate-svg-fill-19 0.8s linear 2.4s both}@keyframes animate-svg-stroke-20{0%{stroke-dashoffset:291.5906982421875px;stroke-dasharray:291.5906982421875px}100%{stroke-dashoffset:583.181396484375px;stroke-dasharray:291.5906982421875px}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-20{animation:animate-svg-stroke-20 1s ease-in-out 2.28s both,animate-svg-fill-20 0.8s linear 2.5s both}@keyframes animate-svg-stroke-21{0%{stroke-dashoffset:127.46356201171875px;stroke-dasharray:127.46356201171875px}100%{stroke-dashoffset:254.9271240234375px;stroke-dasharray:127.46356201171875px}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-21{animation:animate-svg-stroke-21 1s ease-in-out 2.4s both,animate-svg-fill-21 0.8s linear 2.6s both}@keyframes animate-svg-stroke-22{0%{stroke-dashoffset:221.7042694091797px;stroke-dasharray:221.7042694091797px}100%{stroke-dashoffset:443.4085388183594px;stroke-dasharray:221.7042694091797px}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-22{animation:animate-svg-stroke-22 1s ease-in-out 2.52s both,animate-svg-fill-22 0.8s linear 2.7s both}@keyframes animate-svg-stroke-23{0%{stroke-dashoffset:321.59405517578125px;stroke-dasharray:321.59405517578125px}100%{stroke-dashoffset:643.1881103515625px;stroke-dasharray:321.59405517578125px}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-23{animation:animate-svg-stroke-23 1s ease-in-out 2.6399999999999997s both,animate-svg-fill-23 0.8s linear 2.8000000000000003s both}@keyframes animate-svg-stroke-24{0%{stroke-dashoffset:240.86306762695312px;stroke-dasharray:240.86306762695312px}100%{stroke-dashoffset:481.72613525390625px;stroke-dasharray:240.86306762695312px}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-24{animation:animate-svg-stroke-24 1s ease-in-out 2.76s both,animate-svg-fill-24 0.8s linear 2.9000000000000004s both}@keyframes animate-svg-stroke-25{0%{stroke-dashoffset:113.49361419677734px;stroke-dasharray:113.49361419677734px}100%{stroke-dashoffset:226.9872283935547px;stroke-dasharray:113.49361419677734px}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-25{animation:animate-svg-stroke-25 1s ease-in-out 2.88s both,animate-svg-fill-25 0.8s linear 3.0000000000000004s both}@keyframes animate-svg-stroke-26{0%{stroke-dashoffset:77.20523071289062px;stroke-dasharray:77.20523071289062px}100%{stroke-dashoffset:154.41046142578125px;stroke-dasharray:77.20523071289062px}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-26{animation:animate-svg-stroke-26 1s ease-in-out 3s both,animate-svg-fill-26 0.8s linear 3.1s both}@keyframes animate-svg-stroke-27{0%{stroke-dashoffset:113.49365234375px;stroke-dasharray:113.49365234375px}100%{stroke-dashoffset:226.9873046875px;stroke-dasharray:113.49365234375px}}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-27{animation:animate-svg-stroke-27 1s ease-in-out 3.12s both,animate-svg-fill-27 0.8s linear 3.2s both}@keyframes animate-svg-stroke-28{0%{stroke-dashoffset:97.98834991455078px;stroke-dasharray:97.98834991455078px}100%{stroke-dashoffset:195.97669982910156px;stroke-dasharray:97.98834991455078px}}@keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-28{animation:animate-svg-stroke-28 1s ease-in-out 3.2399999999999998s both,animate-svg-fill-28 0.8s linear 3.3000000000000003s both}@keyframes animate-svg-stroke-29{0%{stroke-dashoffset:69.4000244140625px;stroke-dasharray:69.4000244140625px}100%{stroke-dashoffset:138.800048828125px;stroke-dasharray:69.4000244140625px}}@keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-29{animation:animate-svg-stroke-29 1s ease-in-out 3.36s both,animate-svg-fill-29 0.8s linear 3.4000000000000004s both}@keyframes animate-svg-stroke-30{0%{stroke-dashoffset:109.74230194091797px;stroke-dasharray:109.74230194091797px}100%{stroke-dashoffset:219.48460388183594px;stroke-dasharray:109.74230194091797px}}@keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-30{animation:animate-svg-stroke-30 1s ease-in-out 3.48s both,animate-svg-fill-30 0.8s linear 3.5000000000000004s both}@keyframes animate-svg-stroke-31{0%{stroke-dashoffset:1096.7193603515625px;stroke-dasharray:1096.7193603515625px}100%{stroke-dashoffset:2193.438720703125px;stroke-dasharray:1096.7193603515625px}}@keyframes animate-svg-fill-31{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.teaito-logo-31{animation:animate-svg-stroke-31 1s ease-in-out 3.5999999999999996s both,animate-svg-fill-31 0.8s linear 3.6s both}