:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px } 
.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } 
.bd-gutter { --bs-gutter-x: 3rem } 
@media (min-width: 768px){
 .bd-placeholder-img-lg { font-size: 3.5rem; } 
 }
.b-example-divider { width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); } 
.b-example-vr { flex-shrink: 0; width: 1.5rem; height: 100vh; } 
.bi { vertical-align: -.125em; fill: currentColor; } 
.nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } 
.nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } 
.navbar-toggler.active, .nav-link.active { font-weight: 600; } 
.bd-navbar { padding: .75rem 0; background-color: transparent; box-shadow: 0 .5rem 1rem #00000026, inset 0 -1px #ffffff26; } 
.btn-bd-primary { --bd-violet-bg: #2c63f9; --bd-violet-rgb: 112.520718, 44.062154, 249.437846;--bs-btn-font-weight: 600; --bs-btn-color: var(--bs-white); --bs-btn-bg: var(--bd-violet-bg); --bs-btn-border-color: var(--bd-violet-bg); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: #2844e0; --bs-btn-hover-border-color: #2844e0; --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: #233cc8; --bs-btn-active-border-color: #233cc8; } 
.bd-mode-toggle { z-index: 1500; } 
.bd-mode-toggle .dropdown-menu .active .bi { display: block !important; } 
.bd-masthead {padding: 3rem 0; background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%), radial-gradient(ellipse at top left, rgb(0 70 127 / 50%), transparent 50%), radial-gradient(ellipse at top right, rgb(165 204 130 / 50%), transparent 50%), radial-gradient(ellipse at center right, rgb(0 102 173 / 50%), transparent 50%), radial-gradient(ellipse at center left, rgb(78 187 170 / 50%), transparent 50%); } 
.bg-producthunt { background-color: hsla(204, 0%, 100%, 1); padding: 3rem 0; background-image: radial-gradient(circle at 0% 0%, hsla(295.99999999999994, 77%, 74%, 0.35) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 20% 0%, hsla(236.91176470588243, 77%, 74%, 0.35) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 40% 0%, hsla(186.61764705882354, 77%, 74%, 0.35) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 60% 0%, hsla(127.0588235294118, 77%, 74%, 0.35) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 80% 0%, hsla(62.20588235294117, 77%, 74%, 0.35) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 100% 0%, hsla(23.823529411764703, 77%, 74%, 0.35) 3%, transparent 40%); background-blend-mode: normal, normal, normal, normal, normal, normal; } 
.bg-producthunt-2026 {padding:5rem 0; background-color: hsla(204, 0%, 100%, 1); background-image:linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), .01), rgba(var(--bs-body-bg-rgb), 1) 85%), radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), .5), transparent 50%), radial-gradient(ellipse at top left, rgb(48 175 255), transparent 50%), radial-gradient(ellipse at top right, rgb(216 255 197), transparent 50%), radial-gradient(ellipse at center right, rgb(146 238 255), transparent 50%), radial-gradient(ellipse at center left, rgb(188 247 195), transparent 50%);}
.bd-masthead h1 { --bs-heading-color: var(--bs-emphasis-color); font-size: calc(4.525rem + 3.3vw);}
.bg-producthunt h1{color:#031633;}
@media (min-width: 1200px){
 .bd-masthead h1 { font-size:rem } 
 }
.bd-masthead .lead { font-size: 1rem; font-weight: 400; color: var(--bs-secondary-color) } 
.bd-masthead .bd-code-snippet { margin: 0; border-color: var(--bs-border-color-translucent); border-width: 1px; border-radius: .5rem } 
.bd-masthead .highlight { width: 100%; padding: .5rem 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(var(--bs-body-color-rgb), 0.075); border-radius: calc(.5rem - 1px) } 
@media (min-width: 992px){
 .bd-masthead .highlight { padding-right:4rem } 
 }
.bd-masthead .highlight pre { padding: 0; margin: .625rem 0; overflow: hidden } 
.bd-masthead .btn-clipboard { position: absolute; top: -.625rem; right: 0; background-color: transparent } 
.bd-masthead #carbonads { margin-inline:auto } 
@media (min-width: 768px){
 .bd-masthead .lead { font-size:calc(1.275rem + .3vw) } 
 }
@media (min-width: 768px) and (min-width: 1200px){
 .bd-masthead .lead { font-size:1.5rem } 
 }
[data-bs-theme="blue"] { --bs-body-color: var(--bs-white); --bs-body-color-rgb: 255,255,255; --bs-body-bg: var(--bs-blue); --bs-body-bg-rgb: 13,110,253; --bs-tertiary-bg: #0a58ca } 
[data-bs-theme="blue"] .dropdown-menu { --bs-dropdown-bg: #0c63e4; --bs-dropdown-link-active-bg: #084298 } 
[data-bs-theme="blue"] .btn-secondary { --bs-btn-bg: #3d8bfc; --bs-btn-border-color: rgba(255,255,255,0.25); --bs-btn-hover-bg: #247cfc; --bs-btn-hover-border-color: rgba(255,255,255,0.25); --bs-btn-active-bg: #0b6dfb; --bs-btn-active-border-color: rgba(255,255,255,0.5); --bs-btn-focus-border-color: rgba(255,255,255,0.5); --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .2) } 
:root,[data-bs-theme="light"] { --bd-purple: #4c0bce; --bd-violet: #712cf9; --bd-accent: #ffe484; --bd-violet-rgb: 112.520718,44.062154,249.437846; --bd-accent-rgb: 255,228,132; --bd-pink-rgb: 214,51,132; --bd-teal-rgb: 32,201,151; --bd-violet-bg: var(--bd-violet); --bd-toc-color: var(--bd-violet); --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1); --bd-callout-link: 10,88,202; --bd-callout-code-color: #ab296a; --bd-pre-bg: var(--bs-tertiary-bg) } 
.bd-blue-100 { color: #000; background-color: #cfe2ff } 
.bd-blue-200 { color: #000; background-color: #9ec5fe } 
.bd-blue-300 { color: #000; background-color: #6ea8fe } 
.bd-blue-800 { color: #fff; background-color: #052c65 } 
.bd-blue-900 { color: #fff; background-color: #031633; } 
.bd-gray-100 { color: #000; background-color: #f8f9fa } 
.bd-gray-200 { color: #000; background-color: #e9ecef } 
@media (max-width: 767px){
 .carousel-inner .carousel-item > div { display: none; } 
.carousel-inner .carousel-item > div:first-child { display: block; } 
iframe { width:350px; } 
 }
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev { display: flex; } 
/* medium and up screens */
@media (min-width: 768px) {.carousel-inner .carousel-item-end.active,
.carousel-inner .carousel-item-next { transform: translateX(25%); } 
.carousel-inner .carousel-item-start.active, 
.carousel-inner .carousel-item-prev { transform: translateX(-25%); } 
 }
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { transform: translateX(0); } 
.icon-demo .bi { width:1em; height:1em; }