@keyframes shimmer{0%{left:-50%}to{left:150%}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulseFade{0%,to{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gridFade{0%{opacity:0}to{opacity:.03}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}:root{--background: 248, 248, 248;--color-border: 229, 229, 229;--color-ring: 161, 161, 161;--color-foreground: 10, 10, 10;--color-muted-foreground: 105, 105, 105;--color-primary-foreground: 250, 250, 250;--color-secondary: 245, 245, 245;--color-primary: 112, 52, 213;--color-card: 255, 255, 255;--color-star: 255, 215, 0;--color-black: 0, 0, 0;--color-sidebar-accent: 245, 245, 245;--color-destructive: 231, 0, 11;--color-muted: 228, 228, 228;--h-8: 2rem;--h-10: 2.5rem;--h-16: 4rem;--h-52: 13rem;--h-60: 16rem;--w-44: 11rem;--gap-2: .25rem;--gap-3: .5rem;--gap-4: 1rem;--gap-6: 1.5rem;--gap-8: 2rem;--gap-12: 3rem;--py-2: .5rem;--py-3: .75rem;--py-4: 1rem;--py-6: 1.5rem;--py-8: 2rem;--py-12: 3rem;--py-16: 4rem;--py-20: 5rem;--py-24: 5.5rem;--py-28: 7rem;--py-32: 8rem;--py-40: 10rem;--py-1: .25rem;--px-5: 1.5rem;--px-4: 1rem;--px-3: .75rem;--px-2: .5rem;--px-6: 1.5rem;--px-8: 2rem;--p-5: 1.5rem;--p-8: 2rem;--p-10: 2.5rem;--mb-3: .75rem;--mb-4: 1rem;--mb-5: 1.5rem;--mb-6: 2rem;--mb-12: 3rem;--mb-16: 4rem;--mt-5: 1.5rem;--mt-12: 3rem;--text-6xl: 3.75rem;--text-4xl: 2.25rem;--text-3xl: 1.875rem;--text-2xl: 1.5rem;--text-xl: 1.25rem;--text-lg: 1.125rem;--text-sm: .875rem;--text-xs: .75rem;--color-gradient-light: 124, 58, 237;--color-gradient-dark: 168, 85, 247;--ff-primary: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--ff-mono: "Geist Mono", "sans-serif"}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:400;src:url(/fonts/geist-v4-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:500;src:url(/fonts/geist-v4-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:600;src:url(/fonts/geist-v4-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:700;src:url(/fonts/geist-v4-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:400;src:url(/fonts/geist-mono-v4-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:500;src:url(/fonts/geist-mono-v4-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:600;src:url(/fonts/geist-mono-v4-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:700;src:url(/fonts/geist-mono-v4-latin-700.woff2) format("woff2")}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--ff-primary)}body{overflow-x:hidden}.grid-background{animation:gridFade 1s ease-out;position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:linear-gradient(90deg,currentColor 1px,transparent 1px),linear-gradient(currentColor 1px,transparent 1px);background-size:40px 40px}.box-y{margin:2rem 0}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-12{margin-left:3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.body--no-scroll{overflow:hidden;height:100vh}.container{min-height:100vh;background-color:rgb(var(--background))}.subtitle-wrapper{display:inline-block;margin-bottom:var(--mb-4);padding:var(--py-1) var(--px-3);border-radius:9999px;border:1px solid rgba(var(--color-border),.5);background-color:rgba(var(--color-secondary),.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation-delay:.1s}.subtitle-wrapper .subtitle{font-size:var(--text-xs);color:rgba(var(--color-foreground),.7);font-weight:500}.link:link,.link:visited{display:inline-block;text-decoration:none}.link--quick:link,.link--quick:visited{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid rgb(var(--color-border));border-radius:.5rem;background:rgb(var(--color-background));text-decoration:none;color:rgb(var(--color-foreground));transition:all .2s ease}.link--quick:hover{border-color:rgb(var(--color-primary));background:rgba(var(--color-primary),.05);transform:translateY(-2px)}.link--sidebar:link,.link--sidebar:visited{position:relative;transition:all .2s ease;text-align:left;padding:var(--py-2) var(--px-3);border-radius:.375rem;font-size:var(--text-sm);color:rgb(var(--color-foreground));transition:.2s}.link--sidebar:link:before,.link--sidebar:visited:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:rgb(var(--color-primary));border-radius:0 2px 2px 0;transition:height .2s ease}.link--sidebar:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px}.link--sidebar.link--primary{animation:slideInLeft .3s ease-out}.link--sidebar.link--primary:before{height:60%}.link--sidebar:hover:before{height:60%}.link--sidebar:hover{background-color:rgb(var(--color-sidebar-accent))}.link--navigation:link,.link--navigation:visited{position:relative;font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));outline:none;border-radius:0;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:40rem){.link--navigation:link,.link--navigation:visited{font-weight:500;font-size:1.5rem;color:var(--color-foreground)}}.link--navigation:hover{color:rgb(var(--color-foreground))}.link--navigation:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px;color:rgb(var(--color-foreground))}.link--story:link,.link--story:visited{opacity:1;pointer-events:auto}.link--active:link,.link--active:visited{color:rgb(var(--color-foreground))}.link--primary:link,.link--primary:visited{color:rgb(var(--color-card))}.link--breadcrumb:link,.link--breadcrumb:visited{position:relative;transition:all .3s ease;font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));border-radius:0;outline:none}.link--breadcrumb:link:after,.link--breadcrumb:visited:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:rgb(var(--color-primary));transition:width .3s ease}.link--breadcrumb:hover{color:rgb(var(--color-primary));transform:translateY(-1px)}.link--breadcrumb:hover:after{width:100%}.link--breadcrumb:focus-visible{box-shadow:0 0 0 3px rgb(var(--color-primary))}.link--current:link,.link--current:visited{position:relative;animation:fadeIn .4s ease-out;font-size:1rem;font-weight:600;color:rgb(var(--color-text-foreground));transition:.3s}.link--current:link:before,.link--current:visited:before{content:"";position:absolute;inset:-4px;border-radius:4px;background:rgba(var(--color-primary),.1);opacity:0;animation:pulseFade 2s ease-in-out infinite}.link--current:hover{color:rgb(var(--color-foreground),.8)}.link--footer:link,.link--footer:visited{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));outline:none;border-radius:0;transition:.3s}.link--footer:hover{color:rgb(var(--color-foreground))}.link--footer:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px;color:rgb(var(--color-foreground))}.link--topic:link,.link--topic:visited{margin-top:auto;width:fit-content;color:rgb(var(--color-primary));font-size:var(--text-xs);font-weight:500;outline:none;display:flex;align-items:center;gap:var(--gap-2);transition:.3s}.link--topic:hover .link--topic-icon{transform:translate(2px)}.link--topic:focus-visible .link--topic-icon{transform:translate(2px)}.link--topic:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px}.link--topic-icon{transition:.3s}.link--toc:link,.link--toc:visited{font-size:var(--text-xs);color:rgb(var(--color-muted-foreground));line-height:1.5;border-radius:0;transition:.2s}.link--toc-active:link,.link--toc-active:visited{color:rgb(var(--color-primary))}.link--toc:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px}.link--toc:hover{color:rgb(var(--color-primary))}.tag{display:flex;align-items:center;gap:var(--gap-2);padding:var(--py-1) var(--px-2);border-radius:9px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.tag--time{background-color:rgb(var(--background));color:rgb(var(--color-text-foreground));border:1px solid rgb(var(--color-border))}.tag--verified{background-color:rgb(var(--color-primary));color:rgb(var(--color-primary-foreground))}.tag--premium{background-color:rgb(var(--color-star));color:rgb(var(--color-foreground))}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-3);white-space:nowrap;border-radius:.375rem;font-size:var(--text-sm);font-weight:500;transition:.2s;cursor:pointer;font-family:inherit;border:none;outline:none;background-color:transparent;text-decoration:none}.button__image{pointer-events:none}.button:focus-visible{border:1px solid rgb(var(--color-ring));box-shadow:0 0 0 3px color-mix(in srgb,rgb(var(--color-ring)) 50%,transparent)}.button svg{pointer-events:none}.button:disabled{pointer-events:none;opacity:.5}.button__icon{transition:transform .3s ease}.button--nav{transition:all .3s cubic-bezier(.4,0,.2,1)}.button--nav:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary),.15);border-color:rgba(var(--color-primary),.45)}.button--nav:hover:first-of-type .button__icon{transform:translate(-3px)}.button--nav:hover:last-of-type .button__icon{transform:translate(3px)}.button--nav:active{transform:translateY(0)}.button--primary{position:relative;background-color:rgb(var(--color-primary));color:rgb(var(--color-primary-foreground));outline:none;z-index:8}.button--primary:hover{background-color:rgba(var(--color-primary),.9)}.button--primary:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px;border:none;box-shadow:none}.button--outline{border:1px solid rgb(var(--color-border));background-color:rgb(var(--background));color:rgb(var(--color-text-foreground))}.button--outline:focus-visible{outline:2px solid rgb(var(--color-border));outline-offset:2px;box-shadow:none}.button--default{height:2.25rem;padding:var(--py-2) var(--px-4)}.button--sm{height:var(--h-8);padding:var(--py-2) var(--px-3);gap:.375rem;border-radius:.375rem}.button--lg{height:var(--h-10);padding:var(--py-2) var(--px-5);border-radius:.375rem;gap:.25rem}.button--icon{--size: 2.25rem;width:var(--size);height:var(--size)}.button--hamburger{display:none}@media(max-width:40rem){.button--hamburger{display:inline-flex}}.wrapper{--width: 80rem;max-width:var(--width);margin:0 auto;padding:0 var(--px-8)}@media(max-width:64rem){.wrapper{padding:0 var(--px-5)}}@media(max-width:40rem){.wrapper{padding:0 var(--px-4)}}.progress-container{max-width:var(--width);padding:0 var(--px-8);width:100%;height:1px;background:transparent;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;overflow:hidden}@media(max-width:40rem){.progress-container{padding:0}}.progress-bar{height:100%;width:var(--progress-width, 0%);background:linear-gradient(to right,rgba(var(--color-primary),.9),rgba(var(--color-primary),.6));position:relative;transition:width .1s linear}.progress-bar:after{content:"";position:absolute;top:0;left:-50%;height:100%;width:var(--progress-width, 0%);background:linear-gradient(to right,#fff0,#fff6,#fff0);animation:shimmer 1.8s infinite linear;pointer-events:none}.logo{--size: 2rem;width:var(--size);height:var(--size)}.breadcrumbs{list-style:none;display:flex;align-items:center;gap:var(--gap-2)}.breadcrumbs__item{display:flex;align-items:center;justify-content:center;animation:fadeInRight .4s ease-out backwards}.breadcrumbs__item:nth-child(1){animation-delay:.05s}.breadcrumbs__item:nth-child(2){animation-delay:.1s}.breadcrumbs__item:nth-child(3){animation-delay:.15s}.breadcrumbs__icon{color:rgb(var(--color-muted-foreground));width:1rem;height:1rem}.custom-swiper-pagination{display:flex;align-items:center;justify-content:center;gap:var(--gap-3);width:6rem;margin:1rem auto}@media(max-width:40rem){.custom-swiper-pagination{width:5rem}}.pagination-item{--size: 1.2rem;position:relative;width:var(--size);height:var(--size);border-radius:9999px;border:1px solid rgb(var(--color-border));transition:all .3s ease;cursor:pointer;background-color:transparent}@media(max-width:40rem){.pagination-item{--size: 1rem}}.pagination-item:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px}.pagination-item--active{flex:1;background-color:rgb(var(--color-primary));border-color:rgb(var(--color-primary))}.hero{position:relative;padding:var(--py-32) var(--px-4);overflow:hidden;color:rgb(var(--color-foreground))}@media(max-width:40rem){.hero{padding:var(--py-16) var(--px-4) var(--py-8)}}.hero__wrapper{position:relative;z-index:5;text-align:center;max-width:48rem;margin:0 auto}.hero__wrapper>*{animation:fadeInUp .8s ease-out backwards}.hero__title{font-size:var(--text-6xl);font-weight:700;margin-bottom:var(--mb-5);line-height:1.25;text-wrap:balance;animation-delay:.2s}@media(max-width:40rem){.hero__title{font-size:var(--text-4xl)}}.hero__title-bottom{position:relative;background:linear-gradient(120deg,rgb(var(--color-gradient-light)),rgb(var(--color-gradient-dark)),rgb(var(--color-gradient-light)),rgb(var(--color-gradient-dark)));background-size:200% 100%;-webkit-background-clip:text;color:transparent;background-clip:text;animation:gradientShift 8s ease-in-out infinite}.hero__description{font-size:var(--text-lg);margin-bottom:var(--mb-6);text-wrap:balance;line-height:1.625;color:rgb(var(--color-muted-foreground));animation-delay:.3s}.hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--gap-4);animation-delay:.4s}@media(max-width:40rem){.hero__actions{max-width:11rem;margin:0 auto;flex-direction:column}.hero__actions>*{width:100%}}.hero__partners{margin-top:var(--mt-12);padding-top:var(--py-12);border-top:1px solid rgba(var(--color-border),.4);animation-delay:.5s}.hero__partners-title{font-size:var(--text-sm);margin-bottom:var(--mb-5);color:rgb(var(--color-muted-foreground))}.hero__partners-list{list-style:none;display:flex;justify-content:center;align-items:center;gap:var(--gap-8);flex-wrap:wrap;opacity:.5}.hero__partners-partner{animation:floatUp 3s ease-in-out infinite forwards;font-weight:600;font-size:var(--text-2xl);color:rgb(var(--color-muted-foreground))}.hero__partners-partner:nth-child(1){animation-delay:.3s}.hero__partners-partner:nth-child(2){animation-delay:.6s}.hero__partners-partner:nth-child(3){animation-delay:.9s}.hero__partners-partner:nth-child(4){animation-delay:1.2s}.overview{padding:var(--py-12) var(--px-4)}@media(max-width:40rem){.overview{padding:var(--py-8) var(--px-4)}}.overview__wrapper{max-width:64rem;margin:0 auto}.overview__content{text-align:center;margin-bottom:var(--mb-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.overview__content.animate{opacity:1;transform:translateY(0)}.overview__title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--mb-4)}.overview__description{color:rgb(var(--color-muted-foreground))}.overview__items{display:grid;grid-template-columns:repeat(2,1fr);list-style-type:none;gap:var(--gap-6)}@media(max-width:40rem){.overview__items{grid-template-columns:1fr}}.overview__item{border:1px solid rgb(var(--color-border),.5);background-color:var(--color-card);color:rgb(var(--color-foreground));display:flex;flex-direction:column;gap:var(--gap-6);padding:var(--p-5);border-radius:11px;justify-content:flex-start;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.overview__item.animate{opacity:1;transform:translateY(0)}.overview__item:nth-child(1){animation-delay:.1s}.overview__item:nth-child(2){animation-delay:.2s}.overview__item:nth-child(3){animation-delay:.3s}.overview__item:nth-child(4){animation-delay:.4s}.overview__item:nth-child(5){animation-delay:.5s}.overview__item:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(var(--color-primary),.1);border:1px solid rgb(var(--color-border),.8)}@media(max-width:40rem){.overview__item:hover{transform:translateY(0)}}.overview__subtitle{font-weight:600;font-size:var(--text-xl)}.overview__subdescription{color:rgb(var(--color-muted-foreground))}.overview__image{margin-bottom:var(--mb-4)}.code-example{border:1px solid rgb(var(--color-border));border-radius:.5rem;overflow:hidden;background:rgb(var(--color-card));display:flex;flex-direction:column;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.code-example:nth-child(1){animation-delay:.1s}.code-example:nth-child(2){animation-delay:.2s}.code-example:nth-child(3){animation-delay:.3s}.code-example:nth-child(4){animation-delay:.4s}.code-example:nth-child(5){animation-delay:.5s}.code-example.animate{opacity:1;transform:translateY(0)}.code-example__header{padding:1.5rem;border-bottom:1px solid rgb(var(--color-border))}.code-example__title{font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.code-example__description{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}.code-example__demo{padding:2rem;display:flex;align-items:center;justify-content:center;min-height:10rem;background:rgb(var(--color-secondary));border-bottom:1px solid rgb(var(--color-border))}.code-example__viewer{position:relative;flex-grow:1;display:flex;flex-direction:column}.code-viewer__tabs{display:flex;gap:var(--gap-3);border-bottom:1px solid rgb(var(--color-border));background:rgb(var(--background));padding:.25rem 1rem}.code-viewer__panels{position:relative;flex-grow:1;display:flex;flex-direction:column}.code-viewer__panel{display:none;position:relative;flex-grow:1;background:rgb(var(--color-secondary))}.code-viewer__panel--active{display:flex;flex-direction:column}.code-viewer__copy{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid rgb(var(--color-border));border-radius:.375rem;background:rgb(var(--background));color:rgb(var(--color-muted-foreground));font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .2s ease;z-index:10;font-family:inherit}.code-viewer__copy:hover{background:rgb(var(--color-primary));color:#fff;border-color:rgb(var(--color-primary))}.code-viewer__copy:focus-visible{outline:2px solid rgb(var(--color-border));outline-offset:2px;box-shadow:none}.code-viewer__copy svg{width:1rem;height:1rem}.code-viewer__pre{flex:1;margin:0;padding:3rem 1rem;overflow-x:auto;font-size:var(--text-sm);line-height:1.6}.code-viewer__pre::-webkit-scrollbar{height:8px}.code-viewer__pre::-webkit-scrollbar-track{background-color:transparent}.code-viewer__pre::-webkit-scrollbar-thumb{background:rgba(var(--color-border),.5);border-radius:4px}.code-viewer__pre::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-border),.7)}.code-viewer__code{color:rgb(var(--color-foreground));display:block;white-space:pre;word-wrap:normal}.code-viewer__tab{padding:.75rem 1rem;border:none;background:transparent;color:rgb(var(--color-muted-foreground));font-size:var(--text-sm);font-weight:500;cursor:pointer;position:relative;transition:color .2s ease;font-family:inherit}.code-viewer__tab:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px}.code-viewer__tab--active{background-color:rgb(var(--color-primary));color:rgb(var(--color-primary-foreground))}.code-viewer__tab--active:after{transform:scaleX(1)}.code-viewer__tab:hover.code-viewer__tab--active{color:rgb(var(--color-primary-foreground))}.code-viewer__tab:hover{color:rgb(var(--color-foreground))}.code-viewer__tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:rgb(var(--color-primary));transform:scaleX(0);transition:transform .2s ease}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:2rem;margin-top:2rem}.review{border:1px solid rgb(var(--color-border),.5);border-radius:11px;background-color:rgb(var(--color-card));padding:var(--p-10);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.swiper-slide-active .review{animation:slideInFromLeft .6s ease-out forwards}.swiper-slide-next .review{animation:slideInFromRight .6s ease-out forwards}@media(max-width:40rem){.review{padding:var(--p-5)}}.review__content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-8);align-items:center}@media(max-width:40rem){.review__content{grid-template-columns:1fr}}.review__general{display:flex;flex-direction:column;justify-content:center;gap:var(--gap-3);height:100%}.review__tags{display:flex;gap:var(--gap-2)}.review__stars{margin-bottom:var(--mb-3)}.review__stars img{animation:starPop .4s cubic-bezier(.68,-.55,.265,1.55) backwards}.review__stars img:nth-child(1){animation-delay:.1s}.review__stars img:nth-child(2){animation-delay:.2s}.review__stars img:nth-child(3){animation-delay:.3s}.review__stars img:nth-child(4){animation-delay:.4s}.review__stars img:nth-child(5){animation-delay:.5s}.review__author{margin-top:auto;display:flex;flex-direction:column;gap:var(--gap-2)}.review__author-name{font-weight:600;font-size:var(--text-lg);color:rgb(var(--color-foreground))}.review__author-job{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}.review__list{display:flex;flex-direction:column;gap:var(--gap-4);margin-bottom:var(--mb-3)}.review__list-text{font-size:var(--text-sm);color:rgb(var(--color-foreground))}.review__best{display:flex;flex-direction:column;gap:var(--gap-3);list-style-type:none}.review__best-item{display:flex;align-items:center;gap:var(--gap-3);font-size:var(--text-sm);color:rgb(var(--color-primary))}.review__best-marker{color:rgb(var(--color-primary))}.review__image{width:100%;height:100%;display:block;object-fit:cover;transition:.6s}@media(max-width:40rem){.review__image{object-position:top}}.review__text{font-size:var(--text-lg);color:rgb(var(--color-foreground));line-height:1.6;margin-bottom:var(--mb-3)}.review__image-container{position:relative;height:100%;border-radius:11px;overflow:hidden}@media(max-width:40rem){.review__image-container{height:var(--h-60)}}.review__image-container:hover .review__image{transform:scale(1.03)}.review__image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-black),.15)}.content-article{max-width:54rem;margin:0 auto;padding:var(--py-6) var(--px-6) var(--py-16)}.content-article__top-wrapper{border-bottom:1px solid rgb(var(--color-border),.5);margin-bottom:var(--mb-6);padding-bottom:var(--p-8);display:flex;flex-direction:column;gap:var(--gap-3)}.content-article__tags{display:flex;align-items:center;gap:var(--gap-2);margin-top:var(--py-4)}.content-article__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-4)}.content-article__title{font-size:var(--text-4xl);font-weight:700;color:rgb(var(--color-foreground))}@media(max-width:50rem){.content-article__title{font-size:var(--text-3xl)}}.content-article__description{font-size:var(--text-lg);color:rgb(var(--color-foreground),.6)}@media(max-width:50rem){.content-article__description{font-size:1rem}}.content-article__navigation{display:flex;align-items:center;gap:var(--gap-2)}.content-article__sub-description{line-height:1.7;color:rgb(var(--color-foreground),.8)}.content-article__special{color:rgb(var(--color-primary));font-weight:500}.content-article__actions{display:flex;align-items:center;gap:var(--gap-3)}@media(max-width:50rem){.content-article__actions{border-top:1px solid rgb(var(--color-border),.5);position:fixed;bottom:0;padding:var(--p-5) var(--px-3);left:0;z-index:9;width:100%;background-color:rgb(var(--background))}}.content-article__bottom{padding:var(--p-8) 0;border-top:1px solid rgb(var(--color-border),.5);text-align:center;font-size:var(--text-sm);color:rgb(var(--color-foreground),.6)}@media(max-width:50rem){.content-article__bottom{padding-bottom:var(--py-28)}}.cta{border:1px solid rgb(var(--color-primary),.03);border-radius:.5rem;padding:var(--p-8);background-color:rgb(var(--color-primary),.02);display:flex;align-items:flex-start;gap:var(--gap-4);margin-bottom:var(--mb-6)}@media(max-width:50rem){.cta{padding:var(--p-5)}}@media(max-width:40rem){.cta{flex-direction:column}}.cta__content{display:flex;flex-direction:column;gap:var(--gap-4)}.cta__title{font-size:var(--text-2xl);font-weight:600;color:rgb(var(--color-foreground))}@media(max-width:50rem){.cta__title{font-size:var(--text-lg)}}.cta__icon{color:rgb(var(--color-primary))}.cta__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-2)}.cta__description{color:rgb(var(--color-foreground),.7)}.topics{padding:var(--py-8) 0;display:flex;flex-direction:column;gap:var(--gap-4)}.topics__title{font-size:var(--text-2xl);font-weight:600;color:rgb(var(--color-foreground))}.topics__list{list-style-type:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--gap-4)}.topics__item{background-color:rgb(var(--background),.02);border-radius:.5rem;border:1px solid rgb(var(--color-primary),.03);padding:var(--p-5);display:flex;flex-direction:column;gap:var(--gap-3)}.topics__item:hover .topics__icon{transform:scale(1.1)}.topics__item:hover .topics__subtitle{color:rgb(var(--color-foreground),.85)}.topics__item-top{display:flex;align-items:center;gap:var(--gap-3)}.topics__item-description{color:rgb(var(--color-foreground),.7);font-size:var(--text-sm);margin-bottom:var(--mb-4)}.topics__subtitle{font-weight:600;color:rgb(var(--color-foreground));transition:.3s}.topics__icon{color:rgb(var(--color-primary));transition:.3s}.story{padding:var(--p-5);border-radius:.5rem;background-color:rgb(var(--color-primary),.02);border:1px solid rgb(var(--color-primary),.03);display:flex;flex-direction:column;gap:var(--gap-3)}.story__title{font-size:var(--text-lg);font-weight:600;color:rgb(var(--color-foreground))}.story__description{font-size:var(--text-sm);color:rgb(var(--color-foreground),.7)}.toc{display:flex;flex-direction:column;gap:var(--gap-3)}.toc__title{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));text-transform:uppercase;font-weight:600;letter-spacing:.5px}.toc__list{display:flex;flex-direction:column;gap:var(--gap-3)}.toc__item{font-size:var(--text-xs)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--p-5)}@media(max-width:40rem){.problems-grid{grid-template-columns:1fr}}.problem-card{padding:var(--p-5);border:1px solid rgb(var(--color-border));border-radius:.5rem;background:rgb(var(--color-card));display:flex;flex-direction:column;transition:.3s}.problem-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(var(--color-primary),.1);border-color:rgba(var(--color-primary),.15)}.problem-card__icon{--size: 3rem;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;border-radius:.5rem;margin-bottom:1rem;background:rgb(var(--color-primary),.1)}.problem-card__svg{width:1.5rem;height:1.5rem;color:rgb(var(--color-primary))}.problem-card__title{font-size:var(--text-xl);font-weight:600;margin-bottom:.75rem}.problem-card__description{color:rgb(var(--color-muted-foreground));line-height:1.6;margin-bottom:1rem}.problem-card__code{overflow-x:auto;font-size:var(--text-sm);line-height:1.6}.problem-card__frameworks{padding-top:1rem;border-top:1px solid rgb(var(--color-border));display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.problem-card__frameworks .framework-badge{padding:.375rem .75rem;background:rgb(var(--color-secondary));border-radius:.25rem;font-size:var(--text-xs);font-weight:500;color:rgb(var(--color-secondary-foreground))}.problem-card__list{list-style:none;margin:0;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid rgb(var(--color-border))}.problem-card__stat{display:flex;flex-direction:column;gap:.25rem;padding-top:1rem;border-top:1px solid rgb(var(--color-border))}.problem-card__stat .stat__number{font-size:var(--text-2xl);font-weight:700;color:rgb(var(--color-foreground))}.problem-card__stat .stat__label{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}.timeline{display:flex;flex-direction:column;gap:2rem;margin:2rem 0;padding-left:2rem;border-left:2px solid rgb(var(--color-border))}@media(max-width:40rem){.timeline{padding-left:1rem}}.timeline__item{position:relative}.timeline__marker{position:absolute;left:-2.5rem;top:.25rem;width:1rem;height:1rem;border-radius:50%;background:rgb(var(--color-primary));border:3px solid rgb(var(--background))}@media(max-width:40rem){.timeline__marker{left:-1.5rem}}.timeline__title{font-weight:600;margin-bottom:.5rem}.timeline__text{color:rgb(var(--color-muted-foreground));line-height:1.6}.principles{display:flex;flex-direction:column;gap:4rem}.principle,.principle__header{display:flex;gap:1.5rem}.principle__top{display:flex;flex-direction:column;gap:.5rem}.principle__wrapper{padding-top:1.5rem;border-top:1px solid rgb(var(--color-border))}.principle__number{font-size:var(--text-4xl);font-weight:700;color:rgb(var(--color-primary),.8);line-height:1}.principle__title{font-size:var(--text-xl);font-weight:600;margin-bottom:.75rem}.principle__description{color:rgb(var(--color-muted-foreground));line-height:1.6;margin-bottom:1rem}.principle__stats{display:flex;gap:2rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgb(var(--color-border))}.principle__frameworks{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;list-style:none}.principle__features{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.75rem}.principle__features li{color:rgb(var(--color-foreground));font-size:var(--text-base);padding-left:0;display:flex;align-items:center;gap:.5rem}.principle__features li:before{content:none}.framework-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:rgb(var(--color-muted));font-size:var(--text-xl);font-weight:600;transition:all .2s ease;cursor:default;border:1px solid rgb(var(--color-border))}.framework-icon:hover{background:rgb(var(--color-primary),.1);border-color:rgb(var(--color-primary));transform:translateY(-2px)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item__value{font-size:var(--text-2xl);font-weight:700;color:rgb(var(--color-primary));line-height:1}.stat-item__label{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));font-weight:500}.impact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--p-5);margin-top:2rem}@media(max-width:40rem){.impact-cards{grid-template-columns:1fr}}.impact-card{padding:2rem 1.5rem;border:1px solid rgb(var(--color-border));border-radius:.5rem;text-align:center;background:rgb(var(--color-card));transition:.3s}.impact-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(var(--color-primary),.1);border-color:rgba(var(--color-primary),.15)}.impact-card__stat{font-size:3rem;font-weight:700;color:rgb(var(--color-primary));line-height:1;margin-bottom:.5rem}.impact-card__label{font-weight:600;margin-bottom:.5rem;display:block}.impact-card__description{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}.intro-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--p-5);margin-top:2rem}@media(max-width:50rem){.intro-features{grid-template-columns:1fr}}.intro-feature{display:flex;gap:1rem;padding:1.5rem;border:1px solid rgb(var(--color-border));border-radius:.5rem;background:rgb(var(--color-card));transition:all .3s ease}.intro-feature:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(var(--color-primary),.1);border-color:rgba(var(--color-primary),.15)}.intro-feature__icon{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(var(--color-primary),.1)}.intro-feature__svg{width:1.5rem;height:1.5rem;color:rgb(var(--color-primary))}.intro-feature__title{font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.intro-feature__description{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));line-height:1.6}.feature-list{display:flex;flex-direction:column;gap:var(--p-5);margin-top:2rem}.feature-item{display:flex;gap:1rem}.feature-item__marker{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--color-primary),.1)}.feature-item__icon{width:1rem;height:1rem;color:rgb(var(--color-primary))}.feature-item__title{font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.feature-item__description{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));line-height:1.6}.browser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--p-5)}@media(max-width:40rem){.browser-grid{gap:var(--gap-3)}}.browser-item{text-align:center;padding:var(--p-5);border:1px solid rgb(var(--color-border));border-radius:.5rem;background:rgb(var(--color-card));display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);transition:.3s}.browser-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(var(--color-primary),.1);border-color:rgba(var(--color-primary),.15)}.browser-item__icon{width:4rem;height:4rem}@media(max-width:40rem){.browser-item__icon{width:3rem;height:3rem}}.browser-item__icon{display:flex;align-items:center;justify-content:center;border-radius:.5rem;margin-bottom:1rem}.browser-item__icon-svg{width:3.5rem;height:3.5rem;color:rgb(var(--color-primary))}@media(max-width:40rem){.browser-item__icon-svg{width:2.5rem;height:2.5rem}}.browser-item__name{font-weight:600;margin-bottom:.25rem;color:rgb(var(--color-foreground))}.browser-item__version{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}.install-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}@media(max-width:56.25rem){.install-methods{grid-template-columns:1fr}}.install-method{border:1px solid rgba(var(--color-border),.5);padding:var(--p-5);border-radius:.75rem;overflow:hidden;background:rgb(var(--color-card));transition:all .3s ease;display:flex;flex-direction:column;gap:var(--gap-3)}.install-method:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(var(--color-primary),.1);border-color:rgba(var(--color-primary),.15)}.install-method__header{display:flex;align-items:center;gap:.75rem}.install-method__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;background:rgba(var(--color-primary),.1)}.install-method__svg{width:1.25rem;height:1.25rem;color:rgb(var(--color-primary))}.install-method__title{font-size:var(--text-lg);font-weight:600;text-transform:uppercase;color:rgb(var(--color-foreground))}.install-method__description{font-size:var(--text-sm);color:rgba(var(--color-foreground),.6);margin-bottom:var(--mb-4)}.install-method__sub{padding-left:1rem}.install-method__code{display:flex;justify-content:space-between;align-items:center;position:relative;border:1px solid rgba(var(--color-border),.5);border-radius:.375rem;padding:.75rem;background-color:rgba(var(--color-muted),.5);font-size:var(--text-sm);overflow-x:auto;font-family:var(--ff-mono)}.install-method__code p{word-break:break-word}.install-method__code .code-viewer__copy{position:static;z-index:auto}.install-method__code-big{margin-top:1rem;max-width:35rem}.install-method__code-big>*{display:block}.setup-example{display:flex;flex-direction:column;gap:var(--gap-4)}.setup-example__title{font-size:var(--text-xl);font-weight:600;color:rgb(var(--color-foreground))}.setup-example .cta{margin-bottom:0}.setup-example .cta__icon{width:2.5rem;height:2.5rem;color:rgb(var(--color-primary))}.setup-example .cta__title{font-size:1rem}.setup-example .cta__description{font-size:var(--text-sm)}.setup-example .line{border-bottom:1px solid rgba(var(--color-border),.5)}.setup-example__code-block{display:flex;flex-direction:column;gap:.75rem}.setup-example .install-method__code{flex-direction:column;align-items:start}.setup-example__subtitle{color:rgba(var(--color-foreground),.7);font-weight:500;font-size:var(--text-sm)}.code-wrapper{margin:2rem 0 1rem}.code-wrapper .install-method__code{flex-direction:column;align-items:start}.api-list{display:flex;flex-direction:column;gap:var(--gap-4);list-style-type:none}.api-list__code{background-color:rgba(var(--color-muted),.5);border:1px solid rgba(var(--color-border),.5);border-radius:.375rem;padding:var(--px-3);font-family:var(--ff-mono);font-size:var(--text-sm)}.api-list__item{background-color:rgb(var(--color-card));border:1px solid rgba(var(--color-border),.5);border-radius:.375rem;padding:var(--p-5);display:flex;align-items:center;justify-content:space-between;gap:var(--gap-4);transition:.3s}.api-list__typography{display:flex;flex-direction:column;gap:var(--gap-2);margin-top:1rem}.api-list__content{flex:1;display:flex;flex-direction:column;gap:.5rem}.api-list__content-top{display:flex;align-items:center;gap:.5rem}.api-list__title{font-size:var(--text-sm);font-weight:600;color:rgb(var(--color-primary));font-family:var(--ff-mono)}.api-list__tags{display:flex;align-items:center;gap:.5rem}.api-list__tag{font-size:var(--text-xs);padding:2px 8px;border-radius:9999px;background-color:rgb(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.2);color:rgb(var(--color-primary))}.api-list__type{font-size:var(--text-xs);background-color:rgb(var(--color-muted));padding:4px 8px;border-radius:.125rem;width:fit-content;font-family:var(--ff-mono)}.api-list__item-description{color:rgba(var(--color-foreground),.8);font-size:var(--text-sm);line-height:1.7}.api-list__default{font-size:var(--text-xs);background-color:rgb(var(--color-muted),.5);padding:4px 8px;border-radius:.125rem;width:fit-content}.best-practices{border:1px solid rgb(var(--color-border),.5);padding:2rem;border-radius:.375rem;background-color:rgba(var(--color-muted),.2);display:flex;flex-direction:column;gap:var(--gap-4)}.best-practices__item{display:flex;align-items:center;gap:var(--gap-3);color:rgba(var(--color-foreground),.8);font-size:var(--text-sm)}.best-practices__marker{width:4px;height:4px;background-color:rgb(var(--color-primary))}.contextual{border-radius:.375rem;background-color:rgb(var(--color-card));padding:2rem;border:1px solid rgba(var(--color-border),.5)}.contextual__text{font-size:var(--text-sm);line-height:1.6}.contextual__special{color:rgb(var(--color-primary))}.controls{background-color:rgb(var(--color-card));border:1px solid rgba(var(--color-border),.5);border-radius:.375rem;padding:2rem}@media(max-width:40rem){.controls{padding:1rem}}.controls{display:flex;flex-direction:column;gap:var(--gap-4);margin-bottom:2rem}.controls__title{font-weight:600;color:rgb(var(--color-foreground));font-size:var(--text-base)}.controls__list{list-style-type:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-4)}.controls__list--grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:40rem){.controls__list{grid-template-columns:1fr}}.controls__item{background-color:rgba(var(--color-muted),.5);border:1px solid rgba(var(--color-border),.5);border-radius:.375rem;padding:1rem;display:flex;flex-direction:column;gap:var(--gap-2)}.controls__item-title{display:flex;align-items:center;gap:var(--gap-3);font-size:var(--text-sm);font-weight:600;color:rgb(var(--color-foreground));font-family:var(--ff-mono)}.controls__item-description{font-size:var(--text-xs);color:rgba(var(--color-foreground),.6)}.controls__description{font-size:var(--text-sm);color:rgba(var(--color-foreground),.6)}.header-with-nav{position:sticky;z-index:10;top:0}.header{border-bottom:1px solid rgba(var(--color-border),.4);background-color:rgba(var(--background),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header__content{display:flex;justify-content:space-between;align-items:center;min-height:var(--h-16)}.header__actions{display:flex;align-items:center;gap:var(--gap-2)}.nav{display:flex;align-items:center;gap:var(--gap-8)}@media(max-width:40rem){.nav{display:none}}.nav__list{display:flex;align-items:center;gap:var(--gap-8);list-style-type:none}.mobile-nav{display:none;animation:slideDown .3s ease-out}.mobile-nav.open{display:none}@media(max-width:40rem){.mobile-nav.open{display:flex}}@media(max-width:40rem){.mobile-nav{display:none;position:fixed;left:0;right:0;top:var(--h-16);height:calc(100vh - var(--h-16));padding:var(--py-8) var(--px-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgb(var(--background));z-index:20;overflow-y:auto}}.mobile-nav .link--navigation:link:hover,.mobile-nav .link--navigation:visited:hover{transform:translate(8px);color:rgb(var(--color-primary))}.mobile-nav .link--navigation:link:before,.mobile-nav .link--navigation:visited:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%) scale(0);width:6px;height:6px;background:rgb(var(--color-primary));border-radius:50%;transition:transform .3s ease}.mobile-nav .link--navigation:hover:before{transform:translateY(-50%) scale(1)}.mobile-nav .link--navigation.link--active:before{transform:translateY(-50%) scale(1)}.mobile-nav .nav__list{animation:fadeIn .4s ease-out;width:100%;height:100%;overflow-y:auto;padding-left:var(--px-4);padding-bottom:var(--px-4);scrollbar-width:none}.mobile-nav .nav__list::-webkit-scrollbar{display:none}.mobile-nav .nav__list li{animation:fadeInUp .4s ease-out backwards}.mobile-nav .nav__list li:nth-child(1){animation-delay:.05s}.mobile-nav .nav__list li:nth-child(2){animation-delay:.1s}.mobile-nav .nav__list li:nth-child(3){animation-delay:.15s}.mobile-nav .nav__list li:nth-child(4){animation-delay:.2s}.mobile-nav .nav__list li:nth-child(5){animation-delay:.25s}.mobile-nav .nav__list li:nth-child(6){animation-delay:.3s}.mobile-nav .nav__list li:nth-child(7){animation-delay:.35s}.mobile-nav .nav__list li:nth-child(8){animation-delay:.4s}.mobile-nav .nav__list li:nth-child(9){animation-delay:.45s}.mobile-nav .nav__list li:nth-child(10){animation-delay:.5s}.mobile-nav .nav__list li:nth-child(11){animation-delay:.55s}.mobile-nav .nav__list li:nth-child(12){animation-delay:.6s}.mobile-nav .nav__list li:nth-child(13){animation-delay:.65s}.mobile-nav .nav__list li:nth-child(14){animation-delay:.7s}.mobile-nav .nav__list li:nth-child(15){animation-delay:.75s}.mobile-nav .nav__list li:nth-child(16){animation-delay:.8s}.mobile-nav .nav__list li:nth-child(17){animation-delay:.85s}.mobile-nav .nav__list li:nth-child(18){animation-delay:.9s}@media(max-width:40rem){.mobile-nav .nav__list{flex-direction:column;align-items:flex-start;gap:var(--gap-4)}}.mobile-nav .nav__subtitle{animation:fadeIn .4s ease-out;position:relative}.mobile-nav .nav__subtitle:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,rgba(var(--color-border),.5),transparent)}@media(max-width:40rem){.mobile-nav .nav__subtitle{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}}.footer{border-top:1px solid rgb(var(--color-border),.4);background-color:rgb(var(--color-secondary),.3);padding:var(--py-12) var(--px-4)}.footer__wrapper{max-width:64rem;margin:0 auto}.footer__top-content{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-12);margin-bottom:var(--mb-12)}@media(max-width:40rem){.footer__top-content{grid-template-columns:1fr}}.footer__title{font-weight:600;color:rgb(var(--color-foreground));margin-bottom:var(--mb-4)}.footer__description{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}.footer__subtitle{font-weight:600;color:rgb(var(--color-foreground));margin-bottom:var(--mb-4);font-size:var(--text-sm)}.footer__list{display:flex;flex-direction:column;list-style:none;gap:var(--gap-2)}.footer__bottom-wrapper{border-top:1px solid rgb(var(--color-border),.4);padding:var(--py-8) 0 0}.footer__bottom-content{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-4)}@media(max-width:40rem){.footer__bottom-content{flex-direction:column;text-align:center}}.footer__copyright{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground))}.footer__socials{list-style:none;display:flex;align-items:center;gap:var(--gap-2)}.sidebar{padding:var(--py-6) var(--px-3)}.sidebar__list{display:flex;flex-direction:column;gap:var(--gap-2);list-style-type:none}.sidebar__list .nav__subtitle{font-size:var(--text-sm);color:rgb(var(--color-muted-foreground));padding:var(--py-2) var(--px-3)}.sidebar li{animation:fadeInLeft .4s ease-out backwards}.sidebar li:nth-child(1){animation-delay:.03s}.sidebar li:nth-child(2){animation-delay:.06s}.sidebar li:nth-child(3){animation-delay:.09s}.sidebar li:nth-child(4){animation-delay:.12s}.sidebar li:nth-child(5){animation-delay:.15s}.sidebar li:nth-child(6){animation-delay:.18s}.sidebar li:nth-child(7){animation-delay:.21s}.sidebar li:nth-child(8){animation-delay:.24s}.sidebar li:nth-child(9){animation-delay:.27s}.sidebar li:nth-child(10){animation-delay:.3s}.sidebar li:nth-child(11){animation-delay:.33s}.sidebar li:nth-child(12){animation-delay:.36s}.sidebar li:nth-child(13){animation-delay:.39s}.sidebar li:nth-child(14){animation-delay:.42s}.sidebar li:nth-child(15){animation-delay:.45s}.sidebar li:nth-child(16){animation-delay:.48s}.sidebar li:nth-child(17){animation-delay:.51s}.sidebar li:nth-child(18){animation-delay:.54s}.docs-content{min-height:100vh;background-color:rgb(var(--background))}.docs-content .wrapper{padding:0}.docs-content__header{background-color:rgb(var(--background),.95);display:flex;align-items:center;justify-content:space-between;padding:var(--py-6) var(--px-6)}.docs-main{display:flex}.docs-main__sidebar{position:sticky;top:calc(var(--h-16));max-height:90vh;display:flex;flex-direction:column;border-right:1px solid rgb(var(--color-border),.5);width:var(--w-44)}@media(max-width:40rem){.docs-main__sidebar{display:none}}.docs-main__wrapper{display:flex;flex:1}.docs-main__side-content{position:sticky;top:calc(var(--h-16));max-height:90vh;width:var(--w-44);border-left:1px solid rgb(var(--color-border),.5);padding:var(--py-8) var(--px-6)}@media(max-width:64rem){.docs-main__side-content{display:none}}.docs-main__content{flex:1;overflow-y:auto}.docs-section{padding:var(--py-6) 0}.docs-section__title{font-size:var(--text-3xl);font-weight:700;margin-bottom:1.5rem;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:var(--gap-4)}.docs-section__icon{color:rgb(var(--color-primary));width:2rem;height:2rem}.docs-section__text{font-size:var(--text-lg);line-height:1.7;color:rgb(var(--color-muted-foreground));margin-bottom:2rem}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgb(var(--color-background))}@media(max-width:40rem){.not-found{padding:1rem}}.not-found__content{max-width:40rem;margin:0 auto;width:100%;text-align:center}.not-found__icon{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin-bottom:1.5rem;border-radius:50%;background:rgba(var(--color-destructive),.1);animation:pulse 2s ease-in-out infinite}@media(max-width:40rem){.not-found__icon{width:4rem;height:4rem}}.not-found__icon-svg{width:2.5rem;height:2.5rem;color:rgb(var(--color-destructive))}@media(max-width:40rem){.not-found__icon-svg{width:1.5rem;height:1.5rem}}.not-found__title{font-size:8rem;line-height:1;color:rgb(var(--color-primary));-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}@media(max-width:40rem){.not-found__title{font-size:4rem}}.not-found__subtitle{font-size:var(--text-2xl);font-weight:600;margin:0 0 1rem;color:rgb(var(--color-foreground))}@media(max-width:40rem){.not-found__subtitle{font-size:var(--text-xl)}}.not-found__description{font-size:var(--text-base);color:rgb(var(--color-muted-foreground));line-height:1.6;margin-bottom:2.5rem}.not-found__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.not-found__quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;list-style-type:none}@media(max-width:40rem){.not-found__quick-links{grid-template-columns:1fr}}.not-found__quick-links span{font-size:var(--text-sm);font-weight:500;pointer-events:none}.not-found__links{margin-bottom:2.5rem;padding:2rem;border:1px solid rgb(var(--color-border));border-radius:.75rem;background:rgb(var(--color-card))}.not-found__links-title{font-size:var(--text-lg);font-weight:600;margin:0 0 1.5rem;color:rgb(var(--color-foreground))}.not-found .quick-link__icon{width:1.25rem;height:1.25rem;color:rgb(var(--color-primary));flex-shrink:0}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--hint-tooltip-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--hint-tooltip-font-size: 14px;--hint-tooltip-line-height: 1.4;--hint-tooltip-radius: 6px;--hint-tooltip-padding-vertical: 8px;--hint-tooltip-padding-horizontal: 12px;--hint-tooltip-padding-top: 14px;--hint-tooltip-max-width: calc( 300px - 2 * var(--hint-tooltip-padding-horizontal) );--hint-tooltip-z-index: 10000;--hint-tooltip-transition: all .2s ease-out;--hint-tooltip-loading-color: rgba(0, 0, 0, .6);--hint-tooltip-error-color: #d63031;--hint-tooltip-loading-font-style: italic;--hint-tooltip-error-font-weight: 500}.hintorium-tooltip{position:absolute;z-index:var(--hint-tooltip-z-index);max-width:var(--hint-tooltip-max-width);width:max-content;font-family:var(--hint-tooltip-font-family);font-size:var(--hint-tooltip-font-size);font-weight:400;line-height:var(--hint-tooltip-line-height);text-align:center;word-wrap:break-word;border-radius:var(--hint-tooltip-radius);box-shadow:0 2px 8px #00000026;opacity:0;pointer-events:none;transition:var(--hint-tooltip-transition)}.hintorium-tooltip>*{margin:0}.hintorium-tooltip-inner.hintorium-tooltip-tour{padding-top:var(--hint-tooltip-padding-top)}.hintorium-tooltip-inner{position:relative;border-radius:inherit;overflow:hidden;padding:var(--hint-tooltip-padding-vertical) var(--hint-tooltip-padding-horizontal)}.hintorium-tooltip-inner>*{margin:0}.hintorium-tooltip:after{content:"";position:absolute;width:8px;height:8px;background:inherit;transform:rotate(45deg);z-index:-1}.hintorium-tooltip[data-position=top]:after{bottom:-5px;left:var(--arrow-offset-x, 50%);transform:translate(-50%) rotate(45deg)}.hintorium-tooltip[data-position=bottom]:after{top:-5px;left:var(--arrow-offset-x, 50%);transform:translate(-50%) rotate(45deg)}.hintorium-tooltip[data-position=left]:after{top:var(--arrow-offset-y, 50%);right:-5px;transform:translateY(-50%) rotate(45deg)}.hintorium-tooltip[data-position=right]:after{top:var(--arrow-offset-y, 50%);left:-5px;transform:translateY(-50%) rotate(45deg)}.hintorium-tooltip.show{opacity:1;pointer-events:auto}.hintorium-tooltip.hidden{opacity:0;pointer-events:none}.hintorium-loading{display:inline-block;color:var(--hint-tooltip-loading-color);font-style:var(--hint-tooltip-loading-font-style);transition:opacity .2s ease}.hintorium-error{color:var(--hint-tooltip-error-color);font-weight:var(--hint-tooltip-error-font-weight);transition:color .2s ease}.hintorium-tooltip.light{--tooltip-bg: #fff;--tooltip-color: #333;--tooltip-progress-bg: #edf2f7;--tooltip-progress-fill: #d5dade;--tooltip-border: 1px solid #e1e5e9;--tooltip-shadow: 0 2px 12px rgba(0, 0, 0, .1);--hint-tooltip-loading-color: rgba(0, 0, 0, .55);--hint-tooltip-error-color: #d63031;--tour-btn-bg: #edf2f7;--tour-btn-color: #333333;--tour-btn-border: 1px solid #cbd5e0;--tour-btn-hover-bg: #e2e8f0;--tour-btn-hover-color: #000000;--tour-btn-disabled-bg: #f6fbff;--tour-btn-disabled-color: #5f6f84;--tour-btn-done-bg: #d63031;--tour-btn-done-color: #ffffff;--tour-btn-done-border: 1px solid #b02628;background-color:var(--tooltip-bg);color:var(--tooltip-color);border:var(--tooltip-border);box-shadow:var(--tooltip-shadow)}.hintorium-tooltip.dark{--tooltip-bg: #2d3748;--tooltip-progress-bg: #4a5568;--tooltip-progress-fill: #5c6677;--tooltip-color: #f7fafc;--tooltip-border: 1px solid #4a5568;--tooltip-shadow: 0 4px 16px rgba(0, 0, 0, .3);--hint-tooltip-loading-color: rgba(255, 255, 255, .75);--hint-tooltip-error-color: #ff6b6b;--hint-tour-btn-bg: #4a5568;--hint-tour-btn-color: #f7fafc;--hint-tour-btn-border: 1px solid #2d3748;--hint-tour-btn-hover-bg: #2d3748;--hint-tour-btn-hover-color: #fff;--tour-btn-disabled-bg: #354155;--tour-btn-disabled-color: #a0aec0;--hint-tour-separator-color: #cbd5e0;--tour-btn-done-bg: #d63031;--tour-btn-done-color: #ffffff;--tour-btn-done-border: 1px solid #b02628;background-color:var(--tooltip-bg);color:var(--tooltip-color);border:var(--tooltip-border);box-shadow:var(--tooltip-shadow)}.hintorium-tooltip.glass{--tooltip-bg: rgba(255, 255, 255, .2);--tooltip-color: #111;--tooltip-progress-bg: #edf2f7;--tooltip-progress-fill: #d5dade;--tooltip-border: 1px solid rgba(255, 255, 255, .3);--tooltip-shadow: 0 8px 32px rgba(31, 38, 135, .37);--tooltip-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);--hint-tooltip-loading-color: rgba(17, 17, 17, .75);--hint-tooltip-error-color: #c0392b;--tour-btn-bg: rgba(255, 255, 255, .3);--tour-btn-color: #111111;--tour-btn-border: 1px solid rgba(255, 255, 255, .4);--tour-btn-hover-bg: rgba(255, 255, 255, .5);--tour-btn-hover-color: #000000;--tour-btn-disabled-bg: rgba(255, 255, 255, .2);--tour-btn-disabled-color: rgba(15, 12, 12, .73);--tour-btn-done-bg: #d63031;--tour-btn-done-color: #ffffff;--tour-btn-done-border: 1px solid #b02628;background-color:var(--tooltip-bg);color:var(--tooltip-color);border:var(--tooltip-border);box-shadow:var(--tooltip-shadow);text-shadow:var(--tooltip-text-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;font-weight:500}.hintorium-tooltip.pastel{--tooltip-bg: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);--tooltip-color: #333;--tooltip-progress-bg: rgba(255, 255, 255, .3);--tooltip-progress-fill: rgba(255, 255, 255, .6);--tooltip-border: none;--tooltip-shadow: 0 4px 20px rgba(102, 126, 234, .4);--hint-tooltip-loading-color: rgba(51, 51, 51, .75);--hint-tooltip-error-color: #a83279;--tour-btn-bg: rgba(255, 255, 255, .6);--tour-btn-color: #333333;--tour-btn-border: 1px solid rgba(0, 0, 0, .1);--tour-btn-hover-bg: rgba(255, 255, 255, .8);--tour-btn-hover-color: #111111;--tour-btn-disabled-bg: rgba(255, 255, 255, .4);--tour-btn-disabled-color: rgba(15, 12, 12, .73);--tour-btn-done-bg: #a83279;--tour-btn-done-color: #ffffff;--tour-btn-done-border: 1px solid #8b2865;background:var(--tooltip-bg);color:var(--tooltip-color);border:var(--tooltip-border);box-shadow:var(--tooltip-shadow);border-radius:12px}.hintorium-tooltip.neon{--tooltip-bg: #000;--tooltip-color: #00ff88;--tooltip-border: 1px solid #00ff88;--tooltip-shadow: 0 0 10px #00ff88, inset 0 0 10px rgba(0, 255, 136, .1);--tooltip-text-shadow: 0 0 5px #00ff88;--hint-tooltip-loading-color: #00ff88;--hint-tooltip-error-color: #ff0055;--tooltip-progress-bg: rgba(0, 255, 136, .1);--tooltip-progress-fill: #00ff88;--tour-btn-bg: rgba(0, 255, 136, .1);--tour-btn-color: #00ff88;--tour-btn-border: 1px solid #00ff88;--tour-btn-hover-bg: rgba(0, 255, 136, .2);--tour-btn-hover-color: #00ff88;--tour-btn-disabled-bg: rgba(0, 255, 136, .05);--tour-btn-disabled-color: rgba(0, 255, 136, .81);--tour-btn-done-bg: #d63031;--tour-btn-done-color: #ffffff;--tour-btn-done-border: 1px solid #b02628;background-color:var(--tooltip-bg);color:var(--tooltip-color);border:var(--tooltip-border);box-shadow:var(--tooltip-shadow);text-shadow:var(--tooltip-text-shadow);font-weight:500;letter-spacing:.5px;border-radius:4px}.hintorium-tooltip.gradient{--tooltip-bg: linear-gradient( 45deg, #ff6b6b, #4ecdc4, #45b7d1, #f7b731, #5f27cd );--tooltip-color: #fff;--tooltip-border: none;--tooltip-shadow: 0 4px 16px rgba(0, 0, 0, .3);--tooltip-text-shadow: 0 1px 2px rgba(0, 0, 0, .3);--hint-tooltip-loading-color: #ffffff;--hint-tooltip-error-color: #ffcc00;--tour-btn-bg: rgba(255, 255, 255, .2);--tour-btn-color: #ffffff;--tour-btn-border: 1px solid rgba(255, 255, 255, .5);--tour-btn-hover-bg: rgba(255, 255, 255, .3);--tour-btn-hover-color: #ffffff;--tour-btn-disabled-bg: rgba(255, 255, 255, .1);--tour-btn-disabled-color: rgba(255, 255, 255, .4);--tooltip-progress-bg: rgba(255, 255, 255, .2);--tooltip-progress-fill: rgba(255, 255, 255, .7);--tour-btn-done-bg: #d63031;--tour-btn-done-color: #ffffff;--tour-btn-done-border: 1px solid #b02628;background:var(--tooltip-bg);background-size:300% 300%;animation:gradientShift 3s ease infinite;color:var(--tooltip-color);border:var(--tooltip-border);box-shadow:var(--tooltip-shadow);text-shadow:var(--tooltip-text-shadow);font-weight:500}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hintorium-tooltip.anim-fade{opacity:0;transform:scale(.95);transition:opacity .2s ease,transform .2s ease}.hintorium-tooltip.anim-fade.show{opacity:1;transform:scale(1)}.hintorium-tooltip.anim-fade.hidden{opacity:0;transform:scale(.95)}.hintorium-tooltip.anim-slide{opacity:0;transform:translateY(8px);transition:transform .25s ease,opacity .25s ease}.hintorium-tooltip.anim-slide.show{opacity:1;transform:translateY(0)}.hintorium-tooltip.anim-slide.hidden{opacity:0;transform:translateY(8px)}.hintorium-tooltip.anim-zoom{opacity:0;transform:scale(.6);transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s ease}.hintorium-tooltip.anim-zoom.show{opacity:1;transform:scale(1)}.hintorium-tooltip.anim-zoom.hidden{opacity:0;transform:scale(.6)}.hintorium-tooltip.anim-bounce{opacity:0;transform:scale(.3);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hintorium-tooltip.anim-bounce.show{opacity:1;transform:scale(1);animation:tooltipBounce .45s ease-out}.hintorium-tooltip.anim-bounce.hidden{opacity:0;transform:scale(.3)}@keyframes tooltipBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1);opacity:.8}70%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}.hintorium-inline-hint{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;margin-left:.3em;cursor:pointer;border-radius:50%;color:var(--hint-tooltip-color, #555);transition:all .2s ease;flex-shrink:0}.hintorium-inline-hint svg{width:1em;height:1em}.hintorium-inline-hint:hover,.hintorium-inline-hint:focus{background-color:var(--hint-tooltip-bg-hover, #ddd);color:var(--hint-tooltip-color-hover, #000);transform:scale(1.15);outline:none}.hintorium-inline-hint:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.hintorium-inline-hint.theme-light{background-color:#fff;color:#333;border:1px solid #e1e5e9}.hintorium-inline-hint.theme-dark{background-color:#2d3748;color:#f7fafc;border:1px solid #4a5568}@media(hover:none)and (pointer:coarse){.hintorium-inline-hint{width:1.5em;height:1.5em}}.hintorium-tooltip[dir=rtl],.hintorium-tooltip.hintorium-tooltip-rtl{direction:rtl;text-align:right}.hintorium-tooltip[dir=rtl] *,.hintorium-tooltip.hintorium-tooltip-rtl *{direction:rtl;text-align:inherit}.hintorium-tour-nav{--space-up: 10px;display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-up);border-top:1px solid rgba(0,0,0,.1);padding-top:8px;gap:8px;font-family:var(--hint-tooltip-font-family)}.hintorium-tour-progress{display:flex;align-items:center;color:var(--hint-tour-separator-color);font-size:13px;opacity:.8}.hintorium-tour-step,.hintorium-tour-total{font-weight:500}.hintorium-tour-separator{margin:0 4px;color:var(--hint-tour-separator-color)}.hintorium-tour-buttons{display:flex;align-items:center;gap:6px}.hintorium-tour-btn{background-color:var(--hint-tour-btn-bg);color:var(--hint-tour-btn-color);border:var(--hint-tour-btn-border);padding:4px 10px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease}.hintorium-tour-btn:hover:not(:disabled),.hintorium-tour-btn:focus:not(:disabled){background-color:var(--hint-tour-btn-hover-bg);color:var(--hint-tour-btn-hover-color)}.hintorium-tour-btn:disabled{background-color:var(--tour-btn-disabled-bg);color:var(--tour-btn-disabled-color);cursor:not-allowed;opacity:1}.hintorium-tour-btn:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.hintorium-tour-done{background-color:var(--tour-btn-done-bg);color:var(--tour-btn-done-color);border:var(--tour-btn-done-border)}.hintorium-tour-done:hover,.hintorium-tour-done:focus{background-color:var(--tour-btn-hover-bg);color:var(--tour-btn-hover-color)}.hintorium-tour-progress-bar-wrapper{position:absolute;top:0;left:0;width:100%;height:4px;background-color:var(--tooltip-progress-bg);border-radius:2px 2px 0 0;overflow:hidden;z-index:999}.hintorium-tour-progress-bar-fill{border-radius:9999px;width:0%;height:100%;background-color:var(--tooltip-progress-fill);transition:width .2s linear}.keyboard-focus{outline:2px solid #4a90e2;outline-offset:2px;border-radius:9px}@media(prefers-reduced-motion:reduce){.hintorium-tooltip{transition:none!important;animation:none!important}}.sr-only{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.storybook-container-hintorium{font-family:var(--hint-tooltip-font-family)}