*,:after,:before {
margin: 0;
border: 0;
padding: 0;
outline: 0;
box-sizing: border-box
}
html {
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0,0,0,0);
height: 100%;
scroll-padding-top: var(--tblr-space-7xl);
overflow-y: scroll;
overflow-x: hidden;
--font-family-base: var(--tblr-font-family-base);
--font-family-mono: var(--tblr-font-family-mono);
--color-accent: var(--tblr-color-accent);
--color-red: var(--tblr-color-red);
--color-crimson: var(--tblr-color-crimson);
--color-brown: var(--tblr-color-brown);
--color-sky: var(--tblr-color-sky);
--color-dark: var(--tblr-color-dark-primary);
--color-pink: var(--tblr-color-pink);
--color-grape: var(--tblr-color-grape);
--color-violet: var(--tblr-color-violet);
--color-indigo: var(--tblr-color-indigo);
--color-blue: var(--tblr-color-blue);
--color-cyan: var(--tblr-color-cyan);
--color-teal: var(--tblr-color-teal);
--color-green: var(--tblr-color-green);
--color-lime: var(--tblr-color-lime);
--color-yellow: var(--tblr-color-yellow);
--color-orange: var(--tblr-color-orange);
--color-white: var(--tblr-color-white);
--color-base: #3b454e;
--color-gray-dark: #1d2434;
--color-gray: #f7f9fc;
--color-gray-light: #fafbfc;
--bg-gray: var(--color-gray);
--bg-gray-light: var(--color-gray-light);
--bg-base: var(--bg-primary);
--bg-surface: var(--bg-primary);
--bg-secondary: var(--bg-secondary);
--bg-tertiary: var(--bg-tertiary);
--grid-gap: calc(var(--tblr-space-xl) * 0.5);
--tblr-font-family-sans: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif
}
[data-theme=light],body,html {
color: var(--tblr-color-text-primary)
}
body {
text-rendering: optimizeSpeed;
font-family: var(--tblr-font-family-base);
font-size: var(--tblr-font-size-base);
line-height: var(--tblr-line-height-base);
display: flex;
flex-direction: column;
min-height: 100%;
background: var(--tblr-color-background-primary);
font-feature-settings: "cv03","cv04","cv11";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
touch-action: pan-y;
accent-color: var(--tblr-color-accent)
}
@media(min-width: 960px) {
body {
--grid-gap:var(--tblr-space-xl);
--tblr-font-size-base: var(--tblr-font-size-md)
}
}
@media(prefers-reduced-motion:reduce) {
* {
animation-duration: .01ms;
animation-iteration-count: 1;
transition-duration: .01ms;
scroll-behavior: auto
}
}
.body-gradient {
background: linear-gradient(180deg,#f7f9fc 12%,hsla(0,0%,100%,.08) 99%) repeat-x top/100% 100vh;
background: var(--tblr-color-background-primary) linear-gradient(180deg,var(--tblr-color-background-secondary) 12%,rgba(var(--color-bg-rgb),.08) 99%) repeat-x top center/100% 100vh
}
.scrollbar::-webkit-scrollbar {
width: 14px;
cursor: pointer
}
.scrollbar::-webkit-scrollbar-track {
background: transparent;
border: 4px solid transparent
}
.scrollbar::-webkit-scrollbar-thumb {
background: rgba(59,69,78,.1);
border-radius: 100vh;
background-clip: padding-box;
border: 4px solid transparent;
box-shadow: inset 0 0 15px 15px transparent;
-webkit-transition: box-shadow .5s;
transition: box-shadow .5s
}
.scrollbar::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 15px 15px rgba(59,69,78,.4)
}
.scrollbar:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 15px 15px rgba(59,69,78,.2)
}
.icon {
width: 1.0666666667em;
height: 1.0666666667em;
stroke-width: 1.5;
vertical-align: -.2em
}
.icon-md {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1
}
.icon-lg {
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
stroke-width: 1
}
.icon-muted {
color: var(--color-muted-light)
}
.icon-shape {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(var(--tblr-color-text-secondary),.1);
color: var(--tblr-color-text-secondary);
border-radius: var(--tblr-radius-full);
vertical-align: bottom
}
.icon-shape .icon {
stroke-width: 2;
width: var(--tblr-space-md);
height: var(--tblr-space-md)
}
.icon-shape-accent {
background: rgba(var(--tblr-color-accent),.1);
color: var(--tblr-color-accent)
}
.icon-shape-red {
background: rgba(var(--tblr-color-red),.1);
color: var(--tblr-color-red)
}
.icon-shape-crimson {
background: rgba(var(--tblr-color-crimson),.1);
color: var(--tblr-color-crimson)
}
.icon-shape-brown {
background: rgba(var(--tblr-color-brown),.1);
color: var(--tblr-color-brown)
}
.icon-shape-sky {
background: rgba(var(--tblr-color-sky),.1);
color: var(--tblr-color-sky)
}
.icon-shape-dark {
background: rgba(var(--tblr-color-dark-primary),.1);
color: var(--tblr-color-dark-primary)
}
.icon-shape-pink {
background: rgba(var(--tblr-color-pink),.1);
color: var(--tblr-color-pink)
}
.icon-shape-grape {
background: rgba(var(--tblr-color-grape),.1);
color: var(--tblr-color-grape)
}
.icon-shape-violet {
background: rgba(var(--tblr-color-violet),.1);
color: var(--tblr-color-violet)
}
.icon-shape-indigo {
background: rgba(var(--tblr-color-indigo),.1);
color: var(--tblr-color-indigo)
}
.icon-shape-blue {
background: rgba(var(--tblr-color-blue),.1);
color: var(--tblr-color-blue)
}
.icon-shape-cyan {
background: rgba(var(--tblr-color-cyan),.1);
color: var(--tblr-color-cyan)
}
.icon-shape-teal {
background: rgba(var(--tblr-color-teal),.1);
color: var(--tblr-color-teal)
}
.icon-shape-green {
background: rgba(var(--tblr-color-green),.1);
color: var(--tblr-color-green)
}
.icon-shape-lime {
background: rgba(var(--tblr-color-lime),.1);
color: var(--tblr-color-lime)
}
.icon-shape-yellow {
background: rgba(var(--tblr-color-yellow),.1);
color: var(--tblr-color-yellow)
}
.icon-shape-orange {
background: rgba(var(--tblr-color-orange),.1);
color: var(--tblr-color-orange)
}
.icon-shape-white {
background: rgba(var(--tblr-color-white),.1);
color: var(--tblr-color-white)
}
.icon-shape-square {
border-radius: var(--tblr-radius-lg)
}
.icon-shape-md {
width: 2.75rem;
height: 2.75rem
}
.icon-shape-md .icon {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
.icon-filled {
fill: currentColor
}
.icon-demo-inline svg,.icon-inline {
width: 1.2em;
height: 1.2em;
stroke-width: 2;
stroke: currentColor;
vertical-align: sub
}
.icon-items {
--icon-min-width: 4rem;
display: grid;
grid-gap: var(--grid-gap);
grid-template-columns: repeat(auto-fit,minmax(var(--icon-min-width),1fr))
}
@media(min-width: 768px) {
.icon-items {
--icon-min-width:5.5rem
}
}
.icon-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: var(--tblr-radius-lg);
text-align: center;
color: inherit;
padding: var(--tblr-space-xs);
min-height: var(--icon-min-width);
text-decoration: none;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
background: var(--tblr-color-background-primary);
transition: var(--tblr-transition-color);
position: relative;
aspect-ratio: var(--tblr-ratio-square)
}
.icon-item:hover {
border-color: var(--tblr-stroke-color-primary);
background-color: var(--tblr-color-background-secondary);
transition-delay: .3s;
color: inherit
}
.icon-item .icon {
width: var(--icon-size,1.5rem);
height: var(--icon-size,1.5rem);
stroke-width: var(--icon-stroke,2);
color: var(--icon-color,currentColor)
}
.icon-item-new-wrap {
position: absolute;
top: var(--tblr-space-xs);
right: var(--tblr-space-xs)
}
.icon-item-new {
width: var(--tblr-space-xs);
height: var(--tblr-space-xs);
background: #e03131;
border-radius: 100%;
display: block
}
.icon-item-text {
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-h7);
margin-top: var(--tblr-space-md);
margin-bottom: -var(--tblr-space-xs)
}
.icon-item-icon {
display: flex;
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
align-items: center;
justify-content: center
}
.icon-banner {
display: block;
background: var(--tblr-color-background-secondary) no-repeat 0 0/100%;
border-radius: var(--tblr-radius-lg);
transition: var(--tblr-transition-opacity)
}
.icon-banner:hover {
opacity: .8
}
.icons-wizard {
position: sticky;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
top: var(--tblr-space-md);
bottom: var(--tblr-space-md)
}
.icons-header {
scroll-margin: 3.75rem
}
.icon-preview {
border-radius: var(--tblr-radius);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: var(--tblr-color-background-primary) url('data:image/svg+xml;charset=UTF-8,') repeat 0 0/4px 4px;
line-height: 1;
background-size: 8px 8px;
width: 12rem;
height: 12rem;
position: relative
}
.icon-preview svg {
width: 100%;
height: 100%;
stroke-width: var(--icon-stroke,2);
color: var(--icon-color,currentColor)
}
@media(min-width: 560px) {
.icon-preview .icon-preview-slider {
display:block
}
.icon-preview:hover .icon-preview-slider {
opacity: 1
}
}
.icon-preview-big {
background-size: 8px 8px;
width: 12rem;
height: 12rem
}
@media(min-width: 768px) {
.icon-preview-big {
background-size:12px 12px;
width: 18rem;
height: 18rem
}
}
@media(min-width: 960px) {
.icon-preview-big {
background-size:16px 16px;
width: 24rem;
height: 24rem
}
}
.icon-preview-slider {
display: none;
background: var(--tblr-color-background-secondary);
padding: var(--tblr-space-md);
position: absolute;
bottom: 0;
left: 0;
right: 0;
line-height: var(--tblr-line-height-base);
opacity: 0;
transition: var(--tblr-transition-opacity)
}
.icon-code-grid {
display: grid;
grid-gap: var(--tblr-space-xl);
gap: var(--tblr-space-xl);
grid-template-areas: "a" "b" "c"
}
.icon-code-grid>:first-child {
grid-area: a
}
.icon-code-grid>:nth-child(2) {
grid-area: b
}
.icon-code-grid>:nth-child(3) {
grid-area: c
}
@media(min-width: 560px) {
.icon-code-grid {
grid-template-columns:auto 1fr;
grid-template-areas: "a b" "c c"
}
}
@media(min-width: 960px) {
.icon-code-grid {
gap:var(--tblr-space-2xl);
grid-template-rows: auto 1fr;
grid-template-columns: auto 1fr;
grid-template-areas: "a b" "a c"
}
}
.icon-demos-grid {
display: grid;
grid-gap: var(--tblr-space-md);
gap: var(--tblr-space-md);
grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i"
}
@media(min-width: 768px) {
.icon-demos-grid {
grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-areas: "a a a a" "b b e e" "g g f f" "c h h h" "d i i i"
}
}
@media(min-width: 960px) {
.icon-demos-grid {
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: "a a a a b b" "a a a a c d" "e e f f g g" "h h h i i i"
}
}
.icon-demos-grid>:first-child {
grid-area: a
}
.icon-demos-grid>:nth-child(2) {
grid-area: b
}
.icon-demos-grid>:nth-child(3) {
grid-area: c
}
.icon-demos-grid>:nth-child(4) {
grid-area: d
}
.icon-demos-grid>:nth-child(5) {
grid-area: e
}
.icon-demos-grid>:nth-child(6) {
grid-area: f
}
.icon-demos-grid>:nth-child(7) {
grid-area: g
}
.icon-demos-grid>:nth-child(8) {
grid-area: h
}
.icon-demos-grid>:nth-child(9) {
grid-area: i
}
.icon-demo {
background: var(--tblr-color-background-secondary);
min-height: 8rem;
border-radius: var(--tblr-radius);
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 1;
color: var(--tblr-color-text-secondary);
padding: var(--tblr-space-md);
flex-wrap: wrap;
overflow: hidden
}
@media(min-width: 768px) {
.icon-demo {
padding:var(--tblr-space-2xl)
}
}
.icon-demo-icon {
position: relative;
margin: 0 var(--tblr-space-2xs)
}
.icon-demo-icon .icon-item-new {
top: -var(--tblr-space-2xs);
right: -var(--tblr-space-2xs)
}
@keyframes pulse-keyframes {
0% {
opacity: 1;
transform: scale3d(.8,.8,.8)
}
50% {
transform: scaleX(1);
opacity: 1
}
to {
opacity: 1;
transform: scale3d(.8,.8,.8)
}
}
@keyframes tada-keyframes {
0% {
transform: scaleX(1)
}
10%,5% {
transform: scale3d(.9,.9,.9) rotate(-5deg)
}
15%,25%,35%,45% {
transform: scale3d(1.1,1.1,1.1) rotate(5deg)
}
20%,30%,40% {
transform: scale3d(1.1,1.1,1.1) rotate(-5deg)
}
50% {
transform: scaleX(1)
}
}
.icon-pulse {
animation: pulse-keyframes 2s ease infinite;
animation-fill-mode: both
}
.icon-pulse,.icon-tada {
display: block;
transition: all .15s ease 0s
}
.icon-tada {
animation: tada-keyframes 3s ease infinite;
animation-fill-mode: both
}
.icon-demo-stroke-75 svg {
stroke-width: .75
}
.icon-demo-stroke-100 svg {
stroke-width: 1
}
.icon-demo-stroke-125 svg {
stroke-width: 1.25
}
.icon-demo-stroke-150 svg {
stroke-width: 1.5
}
.icon-demo-stroke-175 svg {
stroke-width: 1.75
}
.icon-demo-stroke-200 svg {
stroke-width: 2
}
.icon-demo-stroke-225 svg {
stroke-width: 2.25
}
.icon-demo-size-4 svg {
width: 4px;
height: 4px
}
.icon-demo-size-8 svg {
width: 8px;
height: 8px
}
.icon-demo-size-12 svg {
width: 12px;
height: 12px
}
.icon-demo-size-16 svg {
width: 16px;
height: 16px
}
.icon-demo-size-20 svg {
width: 20px;
height: 20px
}
.icon-demo-size-24 svg {
width: 24px;
height: 24px
}
.icon-demo-size-28 svg {
width: 28px;
height: 28px
}
.icon-demo-size-32 svg {
width: 32px;
height: 32px
}
.icon-demo-size-36 svg {
width: 36px;
height: 36px
}
.icon-demo-size-40 svg {
width: 40px;
height: 40px
}
.icon-demo-size-44 svg {
width: 44px;
height: 44px
}
.icon-demo-size-48 svg {
width: 48px;
height: 48px
}
.icon-demo-size-52 svg {
width: 52px;
height: 52px
}
.icon-demo-size-56 svg {
width: 56px;
height: 56px
}
.icon-demo-size-60 svg {
width: 60px;
height: 60px
}
.icon-demo-size-64 svg {
width: 64px;
height: 64px
}
.icon-demo-size-68 svg {
width: 68px;
height: 68px
}
.icon-demo-size-72 svg {
width: 72px;
height: 72px
}
.icon-demo-size-76 svg {
width: 76px;
height: 76px
}
.icon-demo-size-80 svg {
width: 80px;
height: 80px
}
.icon-demo-size-84 svg {
width: 84px;
height: 84px
}
.icon-demo-size-88 svg {
width: 88px;
height: 88px
}
.icon-demo-size-92 svg {
width: 92px;
height: 92px
}
.icon-demo-size-96 svg {
width: 96px;
height: 96px
}
.icon-demo-size-100 svg {
width: 100px;
height: 100px
}
.icon-demo-size-104 svg {
width: 104px;
height: 104px
}
.icon-demo-size-108 svg {
width: 108px;
height: 108px
}
.icon-demo-size-112 svg {
width: 112px;
height: 112px
}
.icon-demo-size-116 svg {
width: 116px;
height: 116px
}
.icon-demo-size-120 svg {
width: 120px;
height: 120px
}
.icon-demo-size-124 svg {
width: 124px;
height: 124px
}
.icon-demo-size-128 svg {
width: 128px;
height: 128px
}
.icon-demo-input {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius);
background: var(--tblr-color-background-primary);
display: flex;
align-items: center;
padding: var(--tblr-space-xs) var(--tblr-space-md);
color: var(--tblr-color-text-secondary);
min-width: 15rem
}
.icon-demo-input svg {
margin-right: var(--tblr-space-md)
}
.icon-demo-message {
line-height: var(--tblr-line-height-base);
background: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius)
}
.icon-demo-message,.icon-demo-message-icon {
display: flex;
color: var(--tblr-color-text-secondary)
}
.icon-demo-message-icon {
padding: var(--tblr-space-md);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
align-items: center
}
.icon-demo-message-icon svg {
width: var(--tblr-space-3xl);
height: var(--tblr-space-3xl)
}
.icon-demo-message-text {
padding: var(--tblr-space-md)
}
.icons-card {
display: block;
color: inherit;
background: var(--tblr-color-background-secondary);
border-radius: var(--tblr-radius);
padding: var(--tblr-space-3xl);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
height: 100%
}
a.icons-card {
position: relative;
transition: var(--tblr-transition-color)
}
a.icons-card .icons-card-layer {
content: "";
position: absolute;
border-radius: inherit;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
padding: var(--tblr-space-3xl);
padding-top: var(--tblr-space-7xl);
color: var(--tblr-color-accent);
background: linear-gradient(to bottom,rgba(var(--color-primary-rgb),50%),rgba(var(--color-primary-rgb),10%) 45%);
font-size: var(--tblr-font-size-h6);
text-transform: uppercase;
font-weight: var(--tblr-font-weight-medium);
opacity: 0;
visibility: hidden;
transition: var(--tblr-transition-opacity),.3s visibility
}
a.icons-card .icons-card-layer svg {
display: inline-block;
margin-right: var(--tblr-space-2xs);
stroke-width: 2;
width: var(--tblr-space-md);
height: var(--tblr-space-md)
}
a.icons-card:hover {
color: var(--tblr-color-accent);
background: rgba(var(--color-primary-rgb),10%)
}
a.icons-card:hover .icons-card-placeholder,a.icons-card:hover .icons-card-title {
color: inherit
}
a.icons-card:hover .icons-card-layer {
opacity: 1;
visibility: visible
}
.icons-card-title {
color: var(--color-muted-light);
font-size: var(--tblr-font-size-h6);
text-transform: uppercase;
margin-bottom: var(--tblr-space-md);
display: block;
letter-spacing: .04em;
transition: color .3s
}
.icons-card-list {
margin: calc(-1*var(--tblr-space-xs));
display: flex;
flex-wrap: wrap
}
.icons-card-icon,.icons-card-placeholder {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
margin: var(--tblr-space-xs);
transition: color .3s;
display: block
}
.icons-card-icon .icon,.icons-card-placeholder .icon {
width: 100%;
height: 100%
}
.icons-card-placeholder {
display: inline-flex;
font-size: var(--tblr-font-size-h7);
align-items: center;
justify-content: center;
color: var(--tblr-color-text-secondary)
}
.icon-search {
padding: 0 1rem;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-lg);
background: var(--tblr-color-background-primary);
position: sticky;
top: 0;
cursor: text;
display: block;
transition: border-color .3s,box-shadow .3s;
box-shadow: 0 4px 56px rgba(27,51,113,.1)
}
.icon-search:focus-within {
box-shadow: 0 0 0 4px var(--tblr-color-accent-tertiary);
border-color: var(--tblr-color-accent-primary)
}
.icon-search:focus-within .icon-search-icon {
color: var(--tblr-color-text-primary)
}
.icon-search-input {
border: 0;
padding: var(--tblr-space-sm) 0;
font: inherit;
width: 100%;
background: transparent;
color: inherit;
height: calc(3.5rem - 2px)
}
.icon-search-input::-moz-placeholder {
color: var(--tblr-color-text-tertiary)
}
.icon-search-input::placeholder {
color: var(--tblr-color-text-tertiary)
}
.icon-search-select {
border: 0;
padding: var(--tblr-space-sm) 0;
font: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: inherit;
cursor: pointer
}
.icon-search-select option {
background: var(--tblr-color-background-primary)
}
.icon-search-icon {
pointer-events: none;
color: var(--tblr-color-text-secondary);
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
.icon-search-color {
border: 0!important;
padding: 0 0 0 var(--tblr-space-xs)!important
}
.icon-search-section {
position: sticky!important;
z-index: 22;
top: var(--tblr-space-5xl)var(--tblr-space-md)
}
.grid-icons {
grid-template-rows: auto 1fr!important
}
button {
background: transparent;
cursor: pointer
}
strong {
font-weight: var(--tblr-font-weight-semibold)
}
hr {
margin: 3rem 0;
border: 0;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
a {
color: var(--tblr-color-text-link)
}
a,a:hover {
text-decoration: none
}
a:hover {
color: var(--tblr-color-text-link-hovered)
}
.h0,.h1,.h2,.h3,.h4,.h5,.h6,.modal-title,h1,h2,h3,h4,h5,h6 {
display: block;
font-weight: var(--tblr-font-weight-semibold);
color: var(--color-headers,var(--tblr-color-text-headings));
margin-bottom: var(--tblr-space-xs);
line-height: 1.2
}
.h0 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,.modal-title a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration: none;
color: inherit
}
.h0 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,.modal-title a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
color: inherit;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px
}
.h0 {
font-size: var(--tblr-font-size-h1);
line-height: var(--tblr-line-height-h1);
font-weight: var(--tblr-font-weight-black)
}
@media(min-width: 960px) {
.h0 {
font-size:var(--tblr-font-size-h0);
line-height: var(--tblr-line-height-h0)
}
}
.h1,h1 {
font-size: var(--tblr-font-size-h1);
line-height: var(--tblr-line-height-h1)
}
.h2,h2 {
font-size: var(--tblr-font-size-h2);
line-height: var(--tblr-line-height-h2)
}
.h3,.modal-title,h3 {
font-size: var(--tblr-font-size-h3);
line-height: var(--tblr-line-height-h3)
}
.h3,.h4,.modal-title,h3,h4 {
margin-bottom: var(--tblr-space-2xs)
}
.h4,h4 {
font-size: var(--tblr-font-size-h4);
line-height: var(--tblr-line-height-h4)
}
.h5,h5 {
font-size: var(--tblr-font-size-h5);
line-height: var(--tblr-line-height-h5)
}
.h5,.h6,h5,h6 {
margin-bottom: var(--tblr-space-2xs)
}
.h6,h6 {
font-size: var(--tblr-font-size-h6);
line-height: var(--tblr-line-height-h6)
}
.callout-title,.h-subheader {
font-size: var(--tblr-font-size-h7);
line-height: var(--tblr-line-height-h7);
margin-bottom: var(--tblr-space-xs);
text-transform: uppercase;
letter-spacing: var(--tblr-letter-spacing-wider);
color: var(--tblr-color-text-secondary);
font-weight: var(--tblr-font-weight-medium)
}
.callout-title a,.h-subheader a {
text-decoration: none;
color: inherit
}
.callout-title a:hover,.h-subheader a:hover {
color: inherit;
text-decoration: underline
}
.callout,.highlight,.tip,ol,p,pre,table,ul {
margin-bottom: var(--tblr-space-xl)
}
ol,ul {
margin-left: var(--tblr-space-md);
padding-left: var(--tblr-space-md)
}
img,picture {
max-width: 100%;
display: block
}
img:not([height]),img[width][height],picture:not([height]),picture[width][height] {
height: auto
}
.img {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius);
background: var(--tblr-color-background-primary)
}
.img-fluid {
max-width: 100%
}
button,input,select,textarea {
font: inherit
}
img:not([alt]) {
filter: blur(10px)
}
.text-truncate {
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.text-truncate-2 {
-webkit-line-clamp: 2
}
.text-truncate-2,.text-truncate-through {
display: -webkit-box;
-webkit-box-orient: vertical;
white-space: normal
}
.text-truncate-through {
-webkit-line-clamp: through
}
.text-truncate-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal
}
.link-icon {
display: inline-flex;
color: inherit;
text-decoration: none
}
a.link-icon:hover {
opacity: .8
}
.link-icon svg {
opacity: .5;
vertical-align: bottom;
margin-right: var(--tblr-space-xs);
width: var(--tblr-line-height-base);
height: var(--tblr-line-height-base)
}
.link-text {
color: var(--tblr-color-text-primary);
text-decoration: none;
transition: color .3s
}
.link-text:hover {
text-decoration: underline;
color: var(--tblr-color-accent)
}
.link-secondary {
color: var(--tblr-color-text-secondary);
text-decoration: none;
transition: color .3s
}
.link-secondary.active,.link-secondary:hover {
text-decoration: none;
color: var(--tblr-color-text-primary)
}
.link-brand {
color: var(--tblr-color-text-tertiary);
text-decoration: none;
transition: color .3s
}
.link-brand:hover {
text-decoration: none;
color: var(--tblr-color-text-secondary)
}
.link-arrow .icon {
transition: transform .3s
}
.link-arrow:hover .icon {
transform: translateX(.25rem)
}
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: var(--tblr-space-1);
overflow: hidden;
position: absolute;
white-space: nowrap;
width: var(--tblr-space-1)
}
code {
border-radius: var(--tblr-radius);
background-color: var(--tblr-color-background-tertiary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
padding: .125rem var(--tblr-space-2xs);
font-size: 85%;
line-height: 1.25;
color: var(--tblr-color-text-primary);
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
letter-spacing: -.04em;
vertical-align: middle
}
code,kbd,pre,samp {
font-family: var(--font-family-mono)
}
pre {
direction: ltr;
text-align: left;
word-spacing: normal;
word-wrap: normal;
-webkit-hyphens: none;
hyphens: none;
white-space: pre-wrap;
line-height: 1.7142857143;
background: var(--tblr-color-background-primary);
color: var(--tblr-color-text-primary);
border-radius: var(--tblr-radius-lg);
border: 1px solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-md) var(--tblr-space-xl);
font-size: 14px;
word-break: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
overflow: auto;
max-height: 25rem
}
pre::-webkit-scrollbar {
width: 14px;
cursor: pointer
}
pre::-webkit-scrollbar-track {
background: transparent;
border: 4px solid transparent
}
pre::-webkit-scrollbar-thumb {
background: rgba(59,69,78,.1);
border-radius: 100vh;
background-clip: padding-box;
border: 4px solid transparent;
box-shadow: inset 0 0 15px 15px transparent;
-webkit-transition: box-shadow .5s;
transition: box-shadow .5s
}
pre::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 15px 15px rgba(59,69,78,.4)
}
pre:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 15px 15px rgba(59,69,78,.2)
}
pre code {
background: transparent;
border-radius: 0;
border: none;
font-size: 1em;
display: block;
padding: 0;
color: inherit;
white-space: pre-wrap!important;
line-height: inherit
}
figcaption {
text-align: center;
font-size: var(--tblr-font-size-h7);
margin: var(--tblr-space-xs) 0 0;
color: var(--tblr-color-text-tertiary)
}
figcaption a {
color: var(--tblr-color-text-secondary);
text-decoration: none
}
figcaption a:hover {
color: var(--tblr-color-text-primary);
text-decoration: underline
}
@keyframes animated-ellipsis-keyframes {
0% {
transform: translateX(-100%)
}
}
.animated-ellipsis {
display: inline-block;
overflow: hidden;
vertical-align: bottom
}
.animated-ellipsis:after {
display: inline-block;
content: "...";
animation: animated-ellipsis-keyframes 1.2s steps(4,jump-none) infinite
}
.steps {
margin-left: var(--tblr-space-md);
padding-left: var(--tblr-space-2xl);
counter-reset: step;
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
margin-bottom: var(--tblr-space-4xl)
}
.steps h3 {
counter-increment: step
}
.steps h3:not(:first-child) {
margin-top: 3rem!important
}
.steps h3:before {
content: counter(step);
display: inline-block;
position: absolute;
margin-top: 1px;
margin-left: calc(-1*var(--tblr-space-2xl) - var(--tblr-space-xl)/2);
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
text-align: center;
color: var(--tblr-color-text-secondary);
border: 1px solid var(--tblr-stroke-color-primary);
background: var(--tblr-color-background-primary);
border-radius: var(--tblr-radius);
line-height: var(--tblr-space-xl);
font-size: var(--tblr-font-size-h6);
font-weight: 400
}
.callout {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius);
background: var(--tblr-color-accent-quaternary);
padding: var(--tblr-space-md)
}
.callout>:last-child {
margin-bottom: 0
}
.callout-title {
color: var(--tblr-color-accent-primary)
}
.tip {
line-height: var(--tblr-space-xl)
}
.tip .icon {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
margin-right: var(--tblr-space-xs);
vertical-align: bottom
}
.link .link-img {
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 1px 5px hsla(0,0%,5%,.05),0 0 40px hsla(0,0%,5%,.015);
transition: var(--tblr-transition-transform)
}
.link:hover .link-img {
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 1px 5px hsla(0,0%,5%,.05),0 0 40px hsla(0,0%,5%,.015),0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.04);
transform: scale(1.05)
}
.link-underlined {
text-decoration: underline
}
.link-underlined:hover {
text-decoration: none
}
.link-hover.active,.link-hover:hover {
background-color: var(--tblr-color-background-secondary)
}
.on-hover .on-hover-content {
opacity: 0;
transition: var(--tblr-transition-opacity)
}
.on-hover:hover .on-hover-content {
opacity: 1
}
.options-table {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
border-radius: var(--tblr-radius);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.options-table-title {
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-md);
background: var(--tblr-color-background-secondary)
}
.options-table-title~.options-table-title {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.options-table-title h3 {
margin: 0!important;
font-size: var(--tblr-font-size-h5)
}
.options-table-title p {
color: var(--tblr-color-text-tertiary);
font-size: var(--tblr-font-size-h6)
}
.options-table-description {
padding: var(--tblr-space-md);
grid-column: span 3/span 3
}
.options-table-description~.options-table-description {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.codeblock {
position: relative
}
.codeblock pre {
margin-bottom: 0;
height: 100%
}
.codeblock-copy {
position: absolute;
top: var(--tblr-space-xs);
right: var(--tblr-space-xs);
z-index: 1
}
.codeblock-copyable pre {
padding-right: var(--tblr-space-5xl)
}
.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4 {
margin: var(--tblr-space-2xl) 0 var(--tblr-space-xs)
}
.markdown>h1 a,.markdown>h2 a,.markdown>h3 a,.markdown>h4 a {
text-decoration: none
}
.markdown>h1 a:hover,.markdown>h2 a:hover,.markdown>h3 a:hover,.markdown>h4 a:hover {
text-decoration: underline
}
.markdown>h1 {
font-weight: var(--tblr-font-weight-bold)
}
.markdown>h1,.markdown>h1+.lead {
margin-bottom: var(--tblr-space-2xl)
}
.markdown>h1+.lead {
margin-top: calc(-1*var(--tblr-space-md))
}
.markdown>h2 {
margin-top: var(--tblr-space-5xl)
}
.markdown>.callout-title+h1,.markdown>.h-subheader+h1 {
margin-top: 0
}
.markdown>ol li,.markdown>ul li {
margin-bottom: var(--tblr-space-2xs)
}
.markdown .tab-content,.markdown>.codeblock,.markdown>p,.markdown>pre {
margin-bottom: var(--tblr-space-md)
}
.markdown a:hover {
text-decoration: none
}
.markdown .lead {
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-h4)
}
.markdown>:first-child {
margin-top: 0
}
.markdown>:last-child {
margin-bottom: 0
}
.markdown .contains-task-list {
list-style: none;
padding: 0;
margin-left: 0
}
.markdown>table {
border-collapse: collapse;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.markdown>figure,.markdown>table {
margin-bottom: var(--tblr-space-xl)
}
.markdown td,.markdown th {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-2xs) var(--tblr-space-md)
}
.markdown .guide-image {
float: right;
margin: 0 -10rem var(--tblr-space-xl) 4rem;
display: none
}
@media(min-width: 1280px) {
.markdown .guide-image {
display:block
}
}
.container,.container-fluid {
width: 100%;
max-width: var(--tblr-container-xl);
margin: 0 auto;
padding: 0 var(--tblr-space-md)
}
@media(min-width: 960px) {
.container,.container-fluid {
padding:0 2rem
}
}
.container-xs {
max-width: var(--tblr-container-xs)
}
.container-sm {
max-width: var(--tblr-container-sm)
}
.container-md {
max-width: var(--tblr-container-md)
}
.container-lg {
max-width: var(--tblr-container-lg)
}
.container-xl {
max-width: var(--tblr-container-xl)
}
.container-2xl {
max-width: var(--tblr-container-2xl)
}
.container-fluid {
max-width: 100%
}
@media(min-width: 560px) {
.sm\:container-xs {
max-width:var(--tblr-container-xs)
}
.sm\:container-sm {
max-width: var(--tblr-container-sm)
}
.sm\:container-md {
max-width: var(--tblr-container-md)
}
.sm\:container-lg {
max-width: var(--tblr-container-lg)
}
.sm\:container-xl {
max-width: var(--tblr-container-xl)
}
.sm\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.sm\:container-fluid {
max-width: 100%
}
}
@media(min-width: 768px) {
.md\:container-xs {
max-width:var(--tblr-container-xs)
}
.md\:container-sm {
max-width: var(--tblr-container-sm)
}
.md\:container-md {
max-width: var(--tblr-container-md)
}
.md\:container-lg {
max-width: var(--tblr-container-lg)
}
.md\:container-xl {
max-width: var(--tblr-container-xl)
}
.md\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.md\:container-fluid {
max-width: 100%
}
}
@media(min-width: 960px) {
.lg\:container-xs {
max-width:var(--tblr-container-xs)
}
.lg\:container-sm {
max-width: var(--tblr-container-sm)
}
.lg\:container-md {
max-width: var(--tblr-container-md)
}
.lg\:container-lg {
max-width: var(--tblr-container-lg)
}
.lg\:container-xl {
max-width: var(--tblr-container-xl)
}
.lg\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.lg\:container-fluid {
max-width: 100%
}
}
@media(min-width: 1280px) {
.xl\:container-xs {
max-width:var(--tblr-container-xs)
}
.xl\:container-sm {
max-width: var(--tblr-container-sm)
}
.xl\:container-md {
max-width: var(--tblr-container-md)
}
.xl\:container-lg {
max-width: var(--tblr-container-lg)
}
.xl\:container-xl {
max-width: var(--tblr-container-xl)
}
.xl\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.xl\:container-fluid {
max-width: 100%
}
}
.row {
--gutter-x: var(--tblr-space-xl);
--gutter-y: var(--tblr-space-xl);
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--gutter-y)*-1);
margin-right: calc(var(--gutter-x)/-2);
margin-left: calc(var(--gutter-x)/-2)
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--gutter-x)/2);
padding-left: calc(var(--gutter-x)/2);
margin-top: var(--gutter-y)
}
.col {
flex: 1 0
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-side {
flex: 0 0 auto;
width: 12rem
}
.col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.3333333333%
}
.offset-n1 {
margin-left: -8.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-n2 {
margin-left: -16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-n3 {
margin-left: -25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-n4 {
margin-left: -33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-n5 {
margin-left: -41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-n6 {
margin-left: -50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-n7 {
margin-left: -58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-n8 {
margin-left: -66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-n9 {
margin-left: -75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-n10 {
margin-left: -83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
.offset-n11 {
margin-left: -91.6666666667%
}
.gy {
--gutter-y: var(--tblr-space-xl)
}
.gx {
--gutter-x: var(--tblr-space-xl)
}
.g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.g-0,.gx-0 {
--gutter-x: 0rem
}
.g-0,.gy-0 {
--gutter-y: 0rem
}
.g-1,.gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.g-1,.gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.g-2,.gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.g-2,.gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.g-3,.gx-3 {
--gutter-x: var(--tblr-space-md)
}
.g-3,.gy-3 {
--gutter-y: var(--tblr-space-md)
}
.g-4,.gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.g-4,.gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.g-5,.gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.g-5,.gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.g-6,.gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.g-6,.gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.g-7,.gx-7 {
--gutter-x: 6.5rem
}
.g-7,.gy-7 {
--gutter-y: 6.5rem
}
.g-8,.gx-8 {
--gutter-x: 10.5rem
}
.g-8,.gy-8 {
--gutter-y: 10.5rem
}
@media(min-width: 560px) {
.sm\:col {
flex:1 0
}
.sm\:col-auto {
flex: 0 0 auto;
width: auto
}
.sm\:col-side {
flex: 0 0 auto;
width: 12rem
}
.sm\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.sm\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.sm\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.sm\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.sm\:col-3 {
flex: 0 0 auto;
width: 25%
}
.sm\:col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.sm\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.sm\:col-6 {
flex: 0 0 auto;
width: 50%
}
.sm\:col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.sm\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.sm\:col-9 {
flex: 0 0 auto;
width: 75%
}
.sm\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.sm\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.sm\:col-12 {
flex: 0 0 auto;
width: 100%
}
.sm\:offset-0,.sm\:offset-n0 {
margin-left: 0
}
.sm\:offset-1 {
margin-left: 8.3333333333%
}
.sm\:offset-n1 {
margin-left: -8.3333333333%
}
.sm\:offset-2 {
margin-left: 16.6666666667%
}
.sm\:offset-n2 {
margin-left: -16.6666666667%
}
.sm\:offset-3 {
margin-left: 25%
}
.sm\:offset-n3 {
margin-left: -25%
}
.sm\:offset-4 {
margin-left: 33.3333333333%
}
.sm\:offset-n4 {
margin-left: -33.3333333333%
}
.sm\:offset-5 {
margin-left: 41.6666666667%
}
.sm\:offset-n5 {
margin-left: -41.6666666667%
}
.sm\:offset-6 {
margin-left: 50%
}
.sm\:offset-n6 {
margin-left: -50%
}
.sm\:offset-7 {
margin-left: 58.3333333333%
}
.sm\:offset-n7 {
margin-left: -58.3333333333%
}
.sm\:offset-8 {
margin-left: 66.6666666667%
}
.sm\:offset-n8 {
margin-left: -66.6666666667%
}
.sm\:offset-9 {
margin-left: 75%
}
.sm\:offset-n9 {
margin-left: -75%
}
.sm\:offset-10 {
margin-left: 83.3333333333%
}
.sm\:offset-n10 {
margin-left: -83.3333333333%
}
.sm\:offset-11 {
margin-left: 91.6666666667%
}
.sm\:offset-n11 {
margin-left: -91.6666666667%
}
.sm\:gy {
--gutter-y: var(--tblr-space-xl)
}
.sm\:gx {
--gutter-x: var(--tblr-space-xl)
}
.sm\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.sm\:g-0,.sm\:gx-0 {
--gutter-x: 0rem
}
.sm\:g-0,.sm\:gy-0 {
--gutter-y: 0rem
}
.sm\:g-1,.sm\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.sm\:g-1,.sm\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.sm\:g-2,.sm\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.sm\:g-2,.sm\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.sm\:g-3,.sm\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.sm\:g-3,.sm\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.sm\:g-4,.sm\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.sm\:g-4,.sm\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.sm\:g-5,.sm\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.sm\:g-5,.sm\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.sm\:g-6,.sm\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.sm\:g-6,.sm\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.sm\:g-7,.sm\:gx-7 {
--gutter-x: 6.5rem
}
.sm\:g-7,.sm\:gy-7 {
--gutter-y: 6.5rem
}
.sm\:g-8,.sm\:gx-8 {
--gutter-x: 10.5rem
}
.sm\:g-8,.sm\:gy-8 {
--gutter-y: 10.5rem
}
}
@media(min-width: 768px) {
.md\:col {
flex:1 0
}
.md\:col-auto {
flex: 0 0 auto;
width: auto
}
.md\:col-side {
flex: 0 0 auto;
width: 12rem
}
.md\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.md\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.md\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.md\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.md\:col-3 {
flex: 0 0 auto;
width: 25%
}
.md\:col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.md\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.md\:col-6 {
flex: 0 0 auto;
width: 50%
}
.md\:col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.md\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.md\:col-9 {
flex: 0 0 auto;
width: 75%
}
.md\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.md\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.md\:col-12 {
flex: 0 0 auto;
width: 100%
}
.md\:offset-0,.md\:offset-n0 {
margin-left: 0
}
.md\:offset-1 {
margin-left: 8.3333333333%
}
.md\:offset-n1 {
margin-left: -8.3333333333%
}
.md\:offset-2 {
margin-left: 16.6666666667%
}
.md\:offset-n2 {
margin-left: -16.6666666667%
}
.md\:offset-3 {
margin-left: 25%
}
.md\:offset-n3 {
margin-left: -25%
}
.md\:offset-4 {
margin-left: 33.3333333333%
}
.md\:offset-n4 {
margin-left: -33.3333333333%
}
.md\:offset-5 {
margin-left: 41.6666666667%
}
.md\:offset-n5 {
margin-left: -41.6666666667%
}
.md\:offset-6 {
margin-left: 50%
}
.md\:offset-n6 {
margin-left: -50%
}
.md\:offset-7 {
margin-left: 58.3333333333%
}
.md\:offset-n7 {
margin-left: -58.3333333333%
}
.md\:offset-8 {
margin-left: 66.6666666667%
}
.md\:offset-n8 {
margin-left: -66.6666666667%
}
.md\:offset-9 {
margin-left: 75%
}
.md\:offset-n9 {
margin-left: -75%
}
.md\:offset-10 {
margin-left: 83.3333333333%
}
.md\:offset-n10 {
margin-left: -83.3333333333%
}
.md\:offset-11 {
margin-left: 91.6666666667%
}
.md\:offset-n11 {
margin-left: -91.6666666667%
}
.md\:gy {
--gutter-y: var(--tblr-space-xl)
}
.md\:gx {
--gutter-x: var(--tblr-space-xl)
}
.md\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.md\:g-0,.md\:gx-0 {
--gutter-x: 0rem
}
.md\:g-0,.md\:gy-0 {
--gutter-y: 0rem
}
.md\:g-1,.md\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.md\:g-1,.md\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.md\:g-2,.md\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.md\:g-2,.md\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.md\:g-3,.md\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.md\:g-3,.md\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.md\:g-4,.md\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.md\:g-4,.md\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.md\:g-5,.md\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.md\:g-5,.md\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.md\:g-6,.md\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.md\:g-6,.md\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.md\:g-7,.md\:gx-7 {
--gutter-x: 6.5rem
}
.md\:g-7,.md\:gy-7 {
--gutter-y: 6.5rem
}
.md\:g-8,.md\:gx-8 {
--gutter-x: 10.5rem
}
.md\:g-8,.md\:gy-8 {
--gutter-y: 10.5rem
}
}
@media(min-width: 960px) {
.lg\:col {
flex:1 0
}
.lg\:col-auto {
flex: 0 0 auto;
width: auto
}
.lg\:col-side {
flex: 0 0 auto;
width: 12rem
}
.lg\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.lg\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.lg\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.lg\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.lg\:col-3 {
flex: 0 0 auto;
width: 25%
}
.lg\:col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.lg\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.lg\:col-6 {
flex: 0 0 auto;
width: 50%
}
.lg\:col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.lg\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.lg\:col-9 {
flex: 0 0 auto;
width: 75%
}
.lg\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.lg\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.lg\:col-12 {
flex: 0 0 auto;
width: 100%
}
.lg\:offset-0,.lg\:offset-n0 {
margin-left: 0
}
.lg\:offset-1 {
margin-left: 8.3333333333%
}
.lg\:offset-n1 {
margin-left: -8.3333333333%
}
.lg\:offset-2 {
margin-left: 16.6666666667%
}
.lg\:offset-n2 {
margin-left: -16.6666666667%
}
.lg\:offset-3 {
margin-left: 25%
}
.lg\:offset-n3 {
margin-left: -25%
}
.lg\:offset-4 {
margin-left: 33.3333333333%
}
.lg\:offset-n4 {
margin-left: -33.3333333333%
}
.lg\:offset-5 {
margin-left: 41.6666666667%
}
.lg\:offset-n5 {
margin-left: -41.6666666667%
}
.lg\:offset-6 {
margin-left: 50%
}
.lg\:offset-n6 {
margin-left: -50%
}
.lg\:offset-7 {
margin-left: 58.3333333333%
}
.lg\:offset-n7 {
margin-left: -58.3333333333%
}
.lg\:offset-8 {
margin-left: 66.6666666667%
}
.lg\:offset-n8 {
margin-left: -66.6666666667%
}
.lg\:offset-9 {
margin-left: 75%
}
.lg\:offset-n9 {
margin-left: -75%
}
.lg\:offset-10 {
margin-left: 83.3333333333%
}
.lg\:offset-n10 {
margin-left: -83.3333333333%
}
.lg\:offset-11 {
margin-left: 91.6666666667%
}
.lg\:offset-n11 {
margin-left: -91.6666666667%
}
.lg\:gy {
--gutter-y: var(--tblr-space-xl)
}
.lg\:gx {
--gutter-x: var(--tblr-space-xl)
}
.lg\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.lg\:g-0,.lg\:gx-0 {
--gutter-x: 0rem
}
.lg\:g-0,.lg\:gy-0 {
--gutter-y: 0rem
}
.lg\:g-1,.lg\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.lg\:g-1,.lg\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.lg\:g-2,.lg\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.lg\:g-2,.lg\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.lg\:g-3,.lg\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.lg\:g-3,.lg\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.lg\:g-4,.lg\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.lg\:g-4,.lg\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.lg\:g-5,.lg\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.lg\:g-5,.lg\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.lg\:g-6,.lg\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.lg\:g-6,.lg\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.lg\:g-7,.lg\:gx-7 {
--gutter-x: 6.5rem
}
.lg\:g-7,.lg\:gy-7 {
--gutter-y: 6.5rem
}
.lg\:g-8,.lg\:gx-8 {
--gutter-x: 10.5rem
}
.lg\:g-8,.lg\:gy-8 {
--gutter-y: 10.5rem
}
}
@media(min-width: 1280px) {
.xl\:col {
flex:1 0
}
.xl\:col-auto {
flex: 0 0 auto;
width: auto
}
.xl\:col-side {
flex: 0 0 auto;
width: 12rem
}
.xl\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.xl\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.xl\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.xl\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.xl\:col-3 {
flex: 0 0 auto;
width: 25%
}
.xl\:col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.xl\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.xl\:col-6 {
flex: 0 0 auto;
width: 50%
}
.xl\:col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.xl\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.xl\:col-9 {
flex: 0 0 auto;
width: 75%
}
.xl\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.xl\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.xl\:col-12 {
flex: 0 0 auto;
width: 100%
}
.xl\:offset-0,.xl\:offset-n0 {
margin-left: 0
}
.xl\:offset-1 {
margin-left: 8.3333333333%
}
.xl\:offset-n1 {
margin-left: -8.3333333333%
}
.xl\:offset-2 {
margin-left: 16.6666666667%
}
.xl\:offset-n2 {
margin-left: -16.6666666667%
}
.xl\:offset-3 {
margin-left: 25%
}
.xl\:offset-n3 {
margin-left: -25%
}
.xl\:offset-4 {
margin-left: 33.3333333333%
}
.xl\:offset-n4 {
margin-left: -33.3333333333%
}
.xl\:offset-5 {
margin-left: 41.6666666667%
}
.xl\:offset-n5 {
margin-left: -41.6666666667%
}
.xl\:offset-6 {
margin-left: 50%
}
.xl\:offset-n6 {
margin-left: -50%
}
.xl\:offset-7 {
margin-left: 58.3333333333%
}
.xl\:offset-n7 {
margin-left: -58.3333333333%
}
.xl\:offset-8 {
margin-left: 66.6666666667%
}
.xl\:offset-n8 {
margin-left: -66.6666666667%
}
.xl\:offset-9 {
margin-left: 75%
}
.xl\:offset-n9 {
margin-left: -75%
}
.xl\:offset-10 {
margin-left: 83.3333333333%
}
.xl\:offset-n10 {
margin-left: -83.3333333333%
}
.xl\:offset-11 {
margin-left: 91.6666666667%
}
.xl\:offset-n11 {
margin-left: -91.6666666667%
}
.xl\:gy {
--gutter-y: var(--tblr-space-xl)
}
.xl\:gx {
--gutter-x: var(--tblr-space-xl)
}
.xl\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.xl\:g-0,.xl\:gx-0 {
--gutter-x: 0rem
}
.xl\:g-0,.xl\:gy-0 {
--gutter-y: 0rem
}
.xl\:g-1,.xl\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.xl\:g-1,.xl\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.xl\:g-2,.xl\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.xl\:g-2,.xl\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.xl\:g-3,.xl\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.xl\:g-3,.xl\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.xl\:g-4,.xl\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.xl\:g-4,.xl\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.xl\:g-5,.xl\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.xl\:g-5,.xl\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.xl\:g-6,.xl\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.xl\:g-6,.xl\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.xl\:g-7,.xl\:gx-7 {
--gutter-x: 6.5rem
}
.xl\:g-7,.xl\:gy-7 {
--gutter-y: 6.5rem
}
.xl\:g-8,.xl\:gx-8 {
--gutter-x: 10.5rem
}
.xl\:g-8,.xl\:gy-8 {
--gutter-y: 10.5rem
}
}
.row-deck .card {
height: 100%
}
.col-separator {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
flex: 0 0;
padding: 0
}
.col-ad {
width: 180px
}
.stack {
display: flex;
flex-direction: column;
gap: var(--tblr-space-md)
}
.space-y>*~* {
margin-top: var(--tblr-space-md)!important
}
.space-x>*~* {
margin-left: var(--tblr-space-md)!important
}
.divider-y>:not(:first-child) {
padding-top: calc(var(--tblr-space-md)/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y>:not(:last-child) {
padding-bottom: calc(var(--tblr-space-md)/2)!important
}
.stack-0 {
gap: 0
}
.space-y-0>*~* {
margin-top: 0!important
}
.space-x-0>*~* {
margin-left: 0!important
}
.divider-y-0>:not(:first-child) {
padding-top: calc(0rem/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-0>:not(:last-child) {
padding-bottom: calc(0rem/2)!important
}
.stack-1 {
gap: var(--tblr-space-2xs)
}
.space-y-1>*~* {
margin-top: var(--tblr-space-2xs)!important
}
.space-x-1>*~* {
margin-left: var(--tblr-space-2xs)!important
}
.divider-y-1>:not(:first-child) {
padding-top: calc(var(--tblr-space-2xs)/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-1>:not(:last-child) {
padding-bottom: calc(var(--tblr-space-2xs)/2)!important
}
.stack-2 {
gap: var(--tblr-space-xs)
}
.space-y-2>*~* {
margin-top: var(--tblr-space-xs)!important
}
.space-x-2>*~* {
margin-left: var(--tblr-space-xs)!important
}
.divider-y-2>:not(:first-child) {
padding-top: calc(var(--tblr-space-xs)/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-2>:not(:last-child) {
padding-bottom: calc(var(--tblr-space-xs)/2)!important
}
.stack-3 {
gap: var(--tblr-space-md)
}
.space-y-3>*~* {
margin-top: var(--tblr-space-md)!important
}
.space-x-3>*~* {
margin-left: var(--tblr-space-md)!important
}
.divider-y-3>:not(:first-child) {
padding-top: calc(var(--tblr-space-md)/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-3>:not(:last-child) {
padding-bottom: calc(var(--tblr-space-md)/2)!important
}
.stack-4 {
gap: var(--tblr-space-xl)
}
.space-y-4>*~* {
margin-top: var(--tblr-space-xl)!important
}
.space-x-4>*~* {
margin-left: var(--tblr-space-xl)!important
}
.divider-y-4>:not(:first-child) {
padding-top: calc(var(--tblr-space-xl)/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-4>:not(:last-child) {
padding-bottom: calc(var(--tblr-space-xl)/2)!important
}
.stack-5 {
gap: var(--tblr-space-2xl)
}
.space-y-5>*~* {
margin-top: var(--tblr-space-2xl)!important
}
.space-x-5>*~* {
margin-left: var(--tblr-space-2xl)!important
}
.divider-y-5>:not(:first-child) {
padding-top: calc(var(--tblr-space-2xl)/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-5>:not(:last-child) {
padding-bottom: calc(var(--tblr-space-2xl)/2)!important
}
.stack-6 {
gap: var(--tblr-space-5xl)
}
.space-y-6>*~* {
margin-top: var(--tblr-space-5xl)!important
}
.space-x-6>*~* {
margin-left: var(--tblr-space-5xl)!important
}
.divider-y-6>:not(:first-child) {
padding-top: calc(var(--tblr-space-5xl)/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-6>:not(:last-child) {
padding-bottom: calc(var(--tblr-space-5xl)/2)!important
}
.stack-7 {
gap: 6.5rem
}
.space-y-7>*~* {
margin-top: 6.5rem!important
}
.space-x-7>*~* {
margin-left: 6.5rem!important
}
.divider-y-7>:not(:first-child) {
padding-top: calc(6.5rem/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-7>:not(:last-child) {
padding-bottom: calc(6.5rem/2)!important
}
.stack-8 {
gap: 10.5rem
}
.space-y-8>*~* {
margin-top: 10.5rem!important
}
.space-x-8>*~* {
margin-left: 10.5rem!important
}
.divider-y-8>:not(:first-child) {
padding-top: calc(10.5rem/2)!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-8>:not(:last-child) {
padding-bottom: calc(10.5rem/2)!important
}
.grid {
display: grid;
grid-template-rows: repeat(var(--rows,1),1fr);
grid-template-columns: repeat(var(--columns,12),1fr);
grid-gap: var(--gutter-y,var(--tblr-space-xl)) var(--gutter-x,var(--tblr-space-xl));
gap: var(--gutter-y,var(--tblr-space-xl)) var(--gutter-x,var(--tblr-space-xl))
}
.grid .g-col-1 {
grid-column: auto/span 1
}
.grid .g-col-2 {
grid-column: auto/span 2
}
.grid .g-col-3 {
grid-column: auto/span 3
}
.grid .g-col-4 {
grid-column: auto/span 4
}
.grid .g-col-5 {
grid-column: auto/span 5
}
.grid .g-col-6 {
grid-column: auto/span 6
}
.grid .g-col-7 {
grid-column: auto/span 7
}
.grid .g-col-8 {
grid-column: auto/span 8
}
.grid .g-col-9 {
grid-column: auto/span 9
}
.grid .g-col-10 {
grid-column: auto/span 10
}
.grid .g-col-11 {
grid-column: auto/span 11
}
.grid .g-col-12 {
grid-column: auto/span 12
}
.grid .g-start-1 {
grid-column-start: 1
}
.grid .g-start-2 {
grid-column-start: 2
}
.grid .g-start-3 {
grid-column-start: 3
}
.grid .g-start-4 {
grid-column-start: 4
}
.grid .g-start-5 {
grid-column-start: 5
}
.grid .g-start-6 {
grid-column-start: 6
}
.grid .g-start-7 {
grid-column-start: 7
}
.grid .g-start-8 {
grid-column-start: 8
}
.grid .g-start-9 {
grid-column-start: 9
}
.grid .g-start-10 {
grid-column-start: 10
}
.grid .g-start-11 {
grid-column-start: 11
}
@media(min-width: 560px) {
.grid .sm\:g-col-1 {
grid-column:auto/span 1
}
.grid .sm\:g-col-2 {
grid-column: auto/span 2
}
.grid .sm\:g-col-3 {
grid-column: auto/span 3
}
.grid .sm\:g-col-4 {
grid-column: auto/span 4
}
.grid .sm\:g-col-5 {
grid-column: auto/span 5
}
.grid .sm\:g-col-6 {
grid-column: auto/span 6
}
.grid .sm\:g-col-7 {
grid-column: auto/span 7
}
.grid .sm\:g-col-8 {
grid-column: auto/span 8
}
.grid .sm\:g-col-9 {
grid-column: auto/span 9
}
.grid .sm\:g-col-10 {
grid-column: auto/span 10
}
.grid .sm\:g-col-11 {
grid-column: auto/span 11
}
.grid .sm\:g-col-12 {
grid-column: auto/span 12
}
.grid .sm\:g-start-1 {
grid-column-start: 1
}
.grid .sm\:g-start-2 {
grid-column-start: 2
}
.grid .sm\:g-start-3 {
grid-column-start: 3
}
.grid .sm\:g-start-4 {
grid-column-start: 4
}
.grid .sm\:g-start-5 {
grid-column-start: 5
}
.grid .sm\:g-start-6 {
grid-column-start: 6
}
.grid .sm\:g-start-7 {
grid-column-start: 7
}
.grid .sm\:g-start-8 {
grid-column-start: 8
}
.grid .sm\:g-start-9 {
grid-column-start: 9
}
.grid .sm\:g-start-10 {
grid-column-start: 10
}
.grid .sm\:g-start-11 {
grid-column-start: 11
}
}
@media(min-width: 768px) {
.grid .md\:g-col-1 {
grid-column:auto/span 1
}
.grid .md\:g-col-2 {
grid-column: auto/span 2
}
.grid .md\:g-col-3 {
grid-column: auto/span 3
}
.grid .md\:g-col-4 {
grid-column: auto/span 4
}
.grid .md\:g-col-5 {
grid-column: auto/span 5
}
.grid .md\:g-col-6 {
grid-column: auto/span 6
}
.grid .md\:g-col-7 {
grid-column: auto/span 7
}
.grid .md\:g-col-8 {
grid-column: auto/span 8
}
.grid .md\:g-col-9 {
grid-column: auto/span 9
}
.grid .md\:g-col-10 {
grid-column: auto/span 10
}
.grid .md\:g-col-11 {
grid-column: auto/span 11
}
.grid .md\:g-col-12 {
grid-column: auto/span 12
}
.grid .md\:g-start-1 {
grid-column-start: 1
}
.grid .md\:g-start-2 {
grid-column-start: 2
}
.grid .md\:g-start-3 {
grid-column-start: 3
}
.grid .md\:g-start-4 {
grid-column-start: 4
}
.grid .md\:g-start-5 {
grid-column-start: 5
}
.grid .md\:g-start-6 {
grid-column-start: 6
}
.grid .md\:g-start-7 {
grid-column-start: 7
}
.grid .md\:g-start-8 {
grid-column-start: 8
}
.grid .md\:g-start-9 {
grid-column-start: 9
}
.grid .md\:g-start-10 {
grid-column-start: 10
}
.grid .md\:g-start-11 {
grid-column-start: 11
}
}
@media(min-width: 960px) {
.grid .lg\:g-col-1 {
grid-column:auto/span 1
}
.grid .lg\:g-col-2 {
grid-column: auto/span 2
}
.grid .lg\:g-col-3 {
grid-column: auto/span 3
}
.grid .lg\:g-col-4 {
grid-column: auto/span 4
}
.grid .lg\:g-col-5 {
grid-column: auto/span 5
}
.grid .lg\:g-col-6 {
grid-column: auto/span 6
}
.grid .lg\:g-col-7 {
grid-column: auto/span 7
}
.grid .lg\:g-col-8 {
grid-column: auto/span 8
}
.grid .lg\:g-col-9 {
grid-column: auto/span 9
}
.grid .lg\:g-col-10 {
grid-column: auto/span 10
}
.grid .lg\:g-col-11 {
grid-column: auto/span 11
}
.grid .lg\:g-col-12 {
grid-column: auto/span 12
}
.grid .lg\:g-start-1 {
grid-column-start: 1
}
.grid .lg\:g-start-2 {
grid-column-start: 2
}
.grid .lg\:g-start-3 {
grid-column-start: 3
}
.grid .lg\:g-start-4 {
grid-column-start: 4
}
.grid .lg\:g-start-5 {
grid-column-start: 5
}
.grid .lg\:g-start-6 {
grid-column-start: 6
}
.grid .lg\:g-start-7 {
grid-column-start: 7
}
.grid .lg\:g-start-8 {
grid-column-start: 8
}
.grid .lg\:g-start-9 {
grid-column-start: 9
}
.grid .lg\:g-start-10 {
grid-column-start: 10
}
.grid .lg\:g-start-11 {
grid-column-start: 11
}
}
@media(min-width: 1280px) {
.grid .xl\:g-col-1 {
grid-column:auto/span 1
}
.grid .xl\:g-col-2 {
grid-column: auto/span 2
}
.grid .xl\:g-col-3 {
grid-column: auto/span 3
}
.grid .xl\:g-col-4 {
grid-column: auto/span 4
}
.grid .xl\:g-col-5 {
grid-column: auto/span 5
}
.grid .xl\:g-col-6 {
grid-column: auto/span 6
}
.grid .xl\:g-col-7 {
grid-column: auto/span 7
}
.grid .xl\:g-col-8 {
grid-column: auto/span 8
}
.grid .xl\:g-col-9 {
grid-column: auto/span 9
}
.grid .xl\:g-col-10 {
grid-column: auto/span 10
}
.grid .xl\:g-col-11 {
grid-column: auto/span 11
}
.grid .xl\:g-col-12 {
grid-column: auto/span 12
}
.grid .xl\:g-start-1 {
grid-column-start: 1
}
.grid .xl\:g-start-2 {
grid-column-start: 2
}
.grid .xl\:g-start-3 {
grid-column-start: 3
}
.grid .xl\:g-start-4 {
grid-column-start: 4
}
.grid .xl\:g-start-5 {
grid-column-start: 5
}
.grid .xl\:g-start-6 {
grid-column-start: 6
}
.grid .xl\:g-start-7 {
grid-column-start: 7
}
.grid .xl\:g-start-8 {
grid-column-start: 8
}
.grid .xl\:g-start-9 {
grid-column-start: 9
}
.grid .xl\:g-start-10 {
grid-column-start: 10
}
.grid .xl\:g-start-11 {
grid-column-start: 11
}
}
.grid .g-row-auto {
grid-row: auto
}
.grid .g-col-auto {
grid-column: auto
}
.grid .g-row-span-full {
grid-row: 1/-1
}
.grid .g-row-start-auto {
grid-row-start: auto
}
.grid .g-row-end-auto {
grid-row-end: auto
}
.grid .g-col-span-full {
grid-column: 1/-1
}
.grid .g-col-start-auto {
grid-column-start: auto
}
.grid .g-col-end-auto {
grid-column-end: auto
}
.grid .g-row-span-1 {
grid-row: span 1/span 1
}
.grid .g-row-start-1 {
grid-row-start: 1
}
.grid .g-row-end-1 {
grid-row-end: 1
}
.grid .g-col-span-1 {
grid-column: span 1/span 1
}
.grid .g-col-start-1 {
grid-column-start: 1
}
.grid .g-col-end-1 {
grid-column-end: 1
}
.grid .g-row-span-2 {
grid-row: span 2/span 2
}
.grid .g-row-start-2 {
grid-row-start: 2
}
.grid .g-row-end-2 {
grid-row-end: 2
}
.grid .g-col-span-2 {
grid-column: span 2/span 2
}
.grid .g-col-start-2 {
grid-column-start: 2
}
.grid .g-col-end-2 {
grid-column-end: 2
}
.grid .g-row-span-3 {
grid-row: span 3/span 3
}
.grid .g-row-start-3 {
grid-row-start: 3
}
.grid .g-row-end-3 {
grid-row-end: 3
}
.grid .g-col-span-3 {
grid-column: span 3/span 3
}
.grid .g-col-start-3 {
grid-column-start: 3
}
.grid .g-col-end-3 {
grid-column-end: 3
}
.grid .g-row-span-4 {
grid-row: span 4/span 4
}
.grid .g-row-start-4 {
grid-row-start: 4
}
.grid .g-row-end-4 {
grid-row-end: 4
}
.grid .g-col-span-4 {
grid-column: span 4/span 4
}
.grid .g-col-start-4 {
grid-column-start: 4
}
.grid .g-col-end-4 {
grid-column-end: 4
}
.grid .g-row-span-5 {
grid-row: span 5/span 5
}
.grid .g-row-start-5 {
grid-row-start: 5
}
.grid .g-row-end-5 {
grid-row-end: 5
}
.grid .g-col-span-5 {
grid-column: span 5/span 5
}
.grid .g-col-start-5 {
grid-column-start: 5
}
.grid .g-col-end-5 {
grid-column-end: 5
}
.grid .g-row-span-6 {
grid-row: span 6/span 6
}
.grid .g-row-start-6 {
grid-row-start: 6
}
.grid .g-row-end-6 {
grid-row-end: 6
}
.grid .g-col-span-6 {
grid-column: span 6/span 6
}
.grid .g-col-start-6 {
grid-column-start: 6
}
.grid .g-col-end-6 {
grid-column-end: 6
}
.grid .g-row-span-7 {
grid-row: span 7/span 7
}
.grid .g-row-start-7 {
grid-row-start: 7
}
.grid .g-row-end-7 {
grid-row-end: 7
}
.grid .g-col-span-7 {
grid-column: span 7/span 7
}
.grid .g-col-start-7 {
grid-column-start: 7
}
.grid .g-col-end-7 {
grid-column-end: 7
}
.grid .g-row-span-8 {
grid-row: span 8/span 8
}
.grid .g-row-start-8 {
grid-row-start: 8
}
.grid .g-row-end-8 {
grid-row-end: 8
}
.grid .g-col-span-8 {
grid-column: span 8/span 8
}
.grid .g-col-start-8 {
grid-column-start: 8
}
.grid .g-col-end-8 {
grid-column-end: 8
}
.grid .g-row-span-9 {
grid-row: span 9/span 9
}
.grid .g-row-start-9 {
grid-row-start: 9
}
.grid .g-row-end-9 {
grid-row-end: 9
}
.grid .g-col-span-9 {
grid-column: span 9/span 9
}
.grid .g-col-start-9 {
grid-column-start: 9
}
.grid .g-col-end-9 {
grid-column-end: 9
}
.grid .g-row-span-10 {
grid-row: span 10/span 10
}
.grid .g-row-start-10 {
grid-row-start: 10
}
.grid .g-row-end-10 {
grid-row-end: 10
}
.grid .g-col-span-10 {
grid-column: span 10/span 10
}
.grid .g-col-start-10 {
grid-column-start: 10
}
.grid .g-col-end-10 {
grid-column-end: 10
}
.grid .g-row-span-11 {
grid-row: span 11/span 11
}
.grid .g-row-start-11 {
grid-row-start: 11
}
.grid .g-row-end-11 {
grid-row-end: 11
}
.grid .g-col-span-11 {
grid-column: span 11/span 11
}
.grid .g-col-start-11 {
grid-column-start: 11
}
.grid .g-col-end-11 {
grid-column-end: 11
}
.grid .g-row-span-12 {
grid-row: span 12/span 12
}
.grid .g-row-start-12 {
grid-row-start: 12
}
.grid .g-row-end-12 {
grid-row-end: 12
}
.grid .g-col-span-12 {
grid-column: span 12/span 12
}
.grid .g-col-start-12 {
grid-column-start: 12
}
.grid .g-col-end-12 {
grid-column-end: 12
}
.grid .g-row-span-13 {
grid-row: span 13/span 13
}
.grid .g-row-start-13 {
grid-row-start: 13
}
.grid .g-row-end-13 {
grid-row-end: 13
}
.grid .g-col-span-13 {
grid-column: span 13/span 13
}
.grid .g-col-start-13 {
grid-column-start: 13
}
.grid .g-col-end-13 {
grid-column-end: 13
}
@media(min-width: 560px) {
.grid .sm\:g-row-auto {
grid-row:auto
}
.grid .sm\:g-col-auto {
grid-column: auto
}
.grid .sm\:g-row-span-full {
grid-row: 1/-1
}
.grid .sm\:g-row-start-auto {
grid-row-start: auto
}
.grid .sm\:g-row-end-auto {
grid-row-end: auto
}
.grid .sm\:g-col-span-full {
grid-column: 1/-1
}
.grid .sm\:g-col-start-auto {
grid-column-start: auto
}
.grid .sm\:g-col-end-auto {
grid-column-end: auto
}
.grid .sm\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .sm\:g-row-start-1 {
grid-row-start: 1
}
.grid .sm\:g-row-end-1 {
grid-row-end: 1
}
.grid .sm\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .sm\:g-col-start-1 {
grid-column-start: 1
}
.grid .sm\:g-col-end-1 {
grid-column-end: 1
}
.grid .sm\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .sm\:g-row-start-2 {
grid-row-start: 2
}
.grid .sm\:g-row-end-2 {
grid-row-end: 2
}
.grid .sm\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .sm\:g-col-start-2 {
grid-column-start: 2
}
.grid .sm\:g-col-end-2 {
grid-column-end: 2
}
.grid .sm\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .sm\:g-row-start-3 {
grid-row-start: 3
}
.grid .sm\:g-row-end-3 {
grid-row-end: 3
}
.grid .sm\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .sm\:g-col-start-3 {
grid-column-start: 3
}
.grid .sm\:g-col-end-3 {
grid-column-end: 3
}
.grid .sm\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .sm\:g-row-start-4 {
grid-row-start: 4
}
.grid .sm\:g-row-end-4 {
grid-row-end: 4
}
.grid .sm\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .sm\:g-col-start-4 {
grid-column-start: 4
}
.grid .sm\:g-col-end-4 {
grid-column-end: 4
}
.grid .sm\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .sm\:g-row-start-5 {
grid-row-start: 5
}
.grid .sm\:g-row-end-5 {
grid-row-end: 5
}
.grid .sm\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .sm\:g-col-start-5 {
grid-column-start: 5
}
.grid .sm\:g-col-end-5 {
grid-column-end: 5
}
.grid .sm\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .sm\:g-row-start-6 {
grid-row-start: 6
}
.grid .sm\:g-row-end-6 {
grid-row-end: 6
}
.grid .sm\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .sm\:g-col-start-6 {
grid-column-start: 6
}
.grid .sm\:g-col-end-6 {
grid-column-end: 6
}
.grid .sm\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .sm\:g-row-start-7 {
grid-row-start: 7
}
.grid .sm\:g-row-end-7 {
grid-row-end: 7
}
.grid .sm\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .sm\:g-col-start-7 {
grid-column-start: 7
}
.grid .sm\:g-col-end-7 {
grid-column-end: 7
}
.grid .sm\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .sm\:g-row-start-8 {
grid-row-start: 8
}
.grid .sm\:g-row-end-8 {
grid-row-end: 8
}
.grid .sm\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .sm\:g-col-start-8 {
grid-column-start: 8
}
.grid .sm\:g-col-end-8 {
grid-column-end: 8
}
.grid .sm\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .sm\:g-row-start-9 {
grid-row-start: 9
}
.grid .sm\:g-row-end-9 {
grid-row-end: 9
}
.grid .sm\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .sm\:g-col-start-9 {
grid-column-start: 9
}
.grid .sm\:g-col-end-9 {
grid-column-end: 9
}
.grid .sm\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .sm\:g-row-start-10 {
grid-row-start: 10
}
.grid .sm\:g-row-end-10 {
grid-row-end: 10
}
.grid .sm\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .sm\:g-col-start-10 {
grid-column-start: 10
}
.grid .sm\:g-col-end-10 {
grid-column-end: 10
}
.grid .sm\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .sm\:g-row-start-11 {
grid-row-start: 11
}
.grid .sm\:g-row-end-11 {
grid-row-end: 11
}
.grid .sm\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .sm\:g-col-start-11 {
grid-column-start: 11
}
.grid .sm\:g-col-end-11 {
grid-column-end: 11
}
.grid .sm\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .sm\:g-row-start-12 {
grid-row-start: 12
}
.grid .sm\:g-row-end-12 {
grid-row-end: 12
}
.grid .sm\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .sm\:g-col-start-12 {
grid-column-start: 12
}
.grid .sm\:g-col-end-12 {
grid-column-end: 12
}
.grid .sm\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .sm\:g-row-start-13 {
grid-row-start: 13
}
.grid .sm\:g-row-end-13 {
grid-row-end: 13
}
.grid .sm\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .sm\:g-col-start-13 {
grid-column-start: 13
}
.grid .sm\:g-col-end-13 {
grid-column-end: 13
}
}
@media(min-width: 768px) {
.grid .md\:g-row-auto {
grid-row:auto
}
.grid .md\:g-col-auto {
grid-column: auto
}
.grid .md\:g-row-span-full {
grid-row: 1/-1
}
.grid .md\:g-row-start-auto {
grid-row-start: auto
}
.grid .md\:g-row-end-auto {
grid-row-end: auto
}
.grid .md\:g-col-span-full {
grid-column: 1/-1
}
.grid .md\:g-col-start-auto {
grid-column-start: auto
}
.grid .md\:g-col-end-auto {
grid-column-end: auto
}
.grid .md\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .md\:g-row-start-1 {
grid-row-start: 1
}
.grid .md\:g-row-end-1 {
grid-row-end: 1
}
.grid .md\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .md\:g-col-start-1 {
grid-column-start: 1
}
.grid .md\:g-col-end-1 {
grid-column-end: 1
}
.grid .md\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .md\:g-row-start-2 {
grid-row-start: 2
}
.grid .md\:g-row-end-2 {
grid-row-end: 2
}
.grid .md\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .md\:g-col-start-2 {
grid-column-start: 2
}
.grid .md\:g-col-end-2 {
grid-column-end: 2
}
.grid .md\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .md\:g-row-start-3 {
grid-row-start: 3
}
.grid .md\:g-row-end-3 {
grid-row-end: 3
}
.grid .md\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .md\:g-col-start-3 {
grid-column-start: 3
}
.grid .md\:g-col-end-3 {
grid-column-end: 3
}
.grid .md\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .md\:g-row-start-4 {
grid-row-start: 4
}
.grid .md\:g-row-end-4 {
grid-row-end: 4
}
.grid .md\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .md\:g-col-start-4 {
grid-column-start: 4
}
.grid .md\:g-col-end-4 {
grid-column-end: 4
}
.grid .md\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .md\:g-row-start-5 {
grid-row-start: 5
}
.grid .md\:g-row-end-5 {
grid-row-end: 5
}
.grid .md\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .md\:g-col-start-5 {
grid-column-start: 5
}
.grid .md\:g-col-end-5 {
grid-column-end: 5
}
.grid .md\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .md\:g-row-start-6 {
grid-row-start: 6
}
.grid .md\:g-row-end-6 {
grid-row-end: 6
}
.grid .md\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .md\:g-col-start-6 {
grid-column-start: 6
}
.grid .md\:g-col-end-6 {
grid-column-end: 6
}
.grid .md\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .md\:g-row-start-7 {
grid-row-start: 7
}
.grid .md\:g-row-end-7 {
grid-row-end: 7
}
.grid .md\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .md\:g-col-start-7 {
grid-column-start: 7
}
.grid .md\:g-col-end-7 {
grid-column-end: 7
}
.grid .md\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .md\:g-row-start-8 {
grid-row-start: 8
}
.grid .md\:g-row-end-8 {
grid-row-end: 8
}
.grid .md\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .md\:g-col-start-8 {
grid-column-start: 8
}
.grid .md\:g-col-end-8 {
grid-column-end: 8
}
.grid .md\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .md\:g-row-start-9 {
grid-row-start: 9
}
.grid .md\:g-row-end-9 {
grid-row-end: 9
}
.grid .md\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .md\:g-col-start-9 {
grid-column-start: 9
}
.grid .md\:g-col-end-9 {
grid-column-end: 9
}
.grid .md\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .md\:g-row-start-10 {
grid-row-start: 10
}
.grid .md\:g-row-end-10 {
grid-row-end: 10
}
.grid .md\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .md\:g-col-start-10 {
grid-column-start: 10
}
.grid .md\:g-col-end-10 {
grid-column-end: 10
}
.grid .md\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .md\:g-row-start-11 {
grid-row-start: 11
}
.grid .md\:g-row-end-11 {
grid-row-end: 11
}
.grid .md\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .md\:g-col-start-11 {
grid-column-start: 11
}
.grid .md\:g-col-end-11 {
grid-column-end: 11
}
.grid .md\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .md\:g-row-start-12 {
grid-row-start: 12
}
.grid .md\:g-row-end-12 {
grid-row-end: 12
}
.grid .md\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .md\:g-col-start-12 {
grid-column-start: 12
}
.grid .md\:g-col-end-12 {
grid-column-end: 12
}
.grid .md\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .md\:g-row-start-13 {
grid-row-start: 13
}
.grid .md\:g-row-end-13 {
grid-row-end: 13
}
.grid .md\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .md\:g-col-start-13 {
grid-column-start: 13
}
.grid .md\:g-col-end-13 {
grid-column-end: 13
}
}
@media(min-width: 960px) {
.grid .lg\:g-row-auto {
grid-row:auto
}
.grid .lg\:g-col-auto {
grid-column: auto
}
.grid .lg\:g-row-span-full {
grid-row: 1/-1
}
.grid .lg\:g-row-start-auto {
grid-row-start: auto
}
.grid .lg\:g-row-end-auto {
grid-row-end: auto
}
.grid .lg\:g-col-span-full {
grid-column: 1/-1
}
.grid .lg\:g-col-start-auto {
grid-column-start: auto
}
.grid .lg\:g-col-end-auto {
grid-column-end: auto
}
.grid .lg\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .lg\:g-row-start-1 {
grid-row-start: 1
}
.grid .lg\:g-row-end-1 {
grid-row-end: 1
}
.grid .lg\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .lg\:g-col-start-1 {
grid-column-start: 1
}
.grid .lg\:g-col-end-1 {
grid-column-end: 1
}
.grid .lg\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .lg\:g-row-start-2 {
grid-row-start: 2
}
.grid .lg\:g-row-end-2 {
grid-row-end: 2
}
.grid .lg\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .lg\:g-col-start-2 {
grid-column-start: 2
}
.grid .lg\:g-col-end-2 {
grid-column-end: 2
}
.grid .lg\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .lg\:g-row-start-3 {
grid-row-start: 3
}
.grid .lg\:g-row-end-3 {
grid-row-end: 3
}
.grid .lg\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .lg\:g-col-start-3 {
grid-column-start: 3
}
.grid .lg\:g-col-end-3 {
grid-column-end: 3
}
.grid .lg\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .lg\:g-row-start-4 {
grid-row-start: 4
}
.grid .lg\:g-row-end-4 {
grid-row-end: 4
}
.grid .lg\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .lg\:g-col-start-4 {
grid-column-start: 4
}
.grid .lg\:g-col-end-4 {
grid-column-end: 4
}
.grid .lg\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .lg\:g-row-start-5 {
grid-row-start: 5
}
.grid .lg\:g-row-end-5 {
grid-row-end: 5
}
.grid .lg\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .lg\:g-col-start-5 {
grid-column-start: 5
}
.grid .lg\:g-col-end-5 {
grid-column-end: 5
}
.grid .lg\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .lg\:g-row-start-6 {
grid-row-start: 6
}
.grid .lg\:g-row-end-6 {
grid-row-end: 6
}
.grid .lg\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .lg\:g-col-start-6 {
grid-column-start: 6
}
.grid .lg\:g-col-end-6 {
grid-column-end: 6
}
.grid .lg\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .lg\:g-row-start-7 {
grid-row-start: 7
}
.grid .lg\:g-row-end-7 {
grid-row-end: 7
}
.grid .lg\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .lg\:g-col-start-7 {
grid-column-start: 7
}
.grid .lg\:g-col-end-7 {
grid-column-end: 7
}
.grid .lg\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .lg\:g-row-start-8 {
grid-row-start: 8
}
.grid .lg\:g-row-end-8 {
grid-row-end: 8
}
.grid .lg\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .lg\:g-col-start-8 {
grid-column-start: 8
}
.grid .lg\:g-col-end-8 {
grid-column-end: 8
}
.grid .lg\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .lg\:g-row-start-9 {
grid-row-start: 9
}
.grid .lg\:g-row-end-9 {
grid-row-end: 9
}
.grid .lg\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .lg\:g-col-start-9 {
grid-column-start: 9
}
.grid .lg\:g-col-end-9 {
grid-column-end: 9
}
.grid .lg\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .lg\:g-row-start-10 {
grid-row-start: 10
}
.grid .lg\:g-row-end-10 {
grid-row-end: 10
}
.grid .lg\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .lg\:g-col-start-10 {
grid-column-start: 10
}
.grid .lg\:g-col-end-10 {
grid-column-end: 10
}
.grid .lg\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .lg\:g-row-start-11 {
grid-row-start: 11
}
.grid .lg\:g-row-end-11 {
grid-row-end: 11
}
.grid .lg\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .lg\:g-col-start-11 {
grid-column-start: 11
}
.grid .lg\:g-col-end-11 {
grid-column-end: 11
}
.grid .lg\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .lg\:g-row-start-12 {
grid-row-start: 12
}
.grid .lg\:g-row-end-12 {
grid-row-end: 12
}
.grid .lg\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .lg\:g-col-start-12 {
grid-column-start: 12
}
.grid .lg\:g-col-end-12 {
grid-column-end: 12
}
.grid .lg\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .lg\:g-row-start-13 {
grid-row-start: 13
}
.grid .lg\:g-row-end-13 {
grid-row-end: 13
}
.grid .lg\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .lg\:g-col-start-13 {
grid-column-start: 13
}
.grid .lg\:g-col-end-13 {
grid-column-end: 13
}
}
@media(min-width: 1280px) {
.grid .xl\:g-row-auto {
grid-row:auto
}
.grid .xl\:g-col-auto {
grid-column: auto
}
.grid .xl\:g-row-span-full {
grid-row: 1/-1
}
.grid .xl\:g-row-start-auto {
grid-row-start: auto
}
.grid .xl\:g-row-end-auto {
grid-row-end: auto
}
.grid .xl\:g-col-span-full {
grid-column: 1/-1
}
.grid .xl\:g-col-start-auto {
grid-column-start: auto
}
.grid .xl\:g-col-end-auto {
grid-column-end: auto
}
.grid .xl\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .xl\:g-row-start-1 {
grid-row-start: 1
}
.grid .xl\:g-row-end-1 {
grid-row-end: 1
}
.grid .xl\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .xl\:g-col-start-1 {
grid-column-start: 1
}
.grid .xl\:g-col-end-1 {
grid-column-end: 1
}
.grid .xl\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .xl\:g-row-start-2 {
grid-row-start: 2
}
.grid .xl\:g-row-end-2 {
grid-row-end: 2
}
.grid .xl\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .xl\:g-col-start-2 {
grid-column-start: 2
}
.grid .xl\:g-col-end-2 {
grid-column-end: 2
}
.grid .xl\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .xl\:g-row-start-3 {
grid-row-start: 3
}
.grid .xl\:g-row-end-3 {
grid-row-end: 3
}
.grid .xl\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .xl\:g-col-start-3 {
grid-column-start: 3
}
.grid .xl\:g-col-end-3 {
grid-column-end: 3
}
.grid .xl\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .xl\:g-row-start-4 {
grid-row-start: 4
}
.grid .xl\:g-row-end-4 {
grid-row-end: 4
}
.grid .xl\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .xl\:g-col-start-4 {
grid-column-start: 4
}
.grid .xl\:g-col-end-4 {
grid-column-end: 4
}
.grid .xl\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .xl\:g-row-start-5 {
grid-row-start: 5
}
.grid .xl\:g-row-end-5 {
grid-row-end: 5
}
.grid .xl\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .xl\:g-col-start-5 {
grid-column-start: 5
}
.grid .xl\:g-col-end-5 {
grid-column-end: 5
}
.grid .xl\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .xl\:g-row-start-6 {
grid-row-start: 6
}
.grid .xl\:g-row-end-6 {
grid-row-end: 6
}
.grid .xl\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .xl\:g-col-start-6 {
grid-column-start: 6
}
.grid .xl\:g-col-end-6 {
grid-column-end: 6
}
.grid .xl\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .xl\:g-row-start-7 {
grid-row-start: 7
}
.grid .xl\:g-row-end-7 {
grid-row-end: 7
}
.grid .xl\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .xl\:g-col-start-7 {
grid-column-start: 7
}
.grid .xl\:g-col-end-7 {
grid-column-end: 7
}
.grid .xl\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .xl\:g-row-start-8 {
grid-row-start: 8
}
.grid .xl\:g-row-end-8 {
grid-row-end: 8
}
.grid .xl\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .xl\:g-col-start-8 {
grid-column-start: 8
}
.grid .xl\:g-col-end-8 {
grid-column-end: 8
}
.grid .xl\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .xl\:g-row-start-9 {
grid-row-start: 9
}
.grid .xl\:g-row-end-9 {
grid-row-end: 9
}
.grid .xl\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .xl\:g-col-start-9 {
grid-column-start: 9
}
.grid .xl\:g-col-end-9 {
grid-column-end: 9
}
.grid .xl\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .xl\:g-row-start-10 {
grid-row-start: 10
}
.grid .xl\:g-row-end-10 {
grid-row-end: 10
}
.grid .xl\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .xl\:g-col-start-10 {
grid-column-start: 10
}
.grid .xl\:g-col-end-10 {
grid-column-end: 10
}
.grid .xl\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .xl\:g-row-start-11 {
grid-row-start: 11
}
.grid .xl\:g-row-end-11 {
grid-row-end: 11
}
.grid .xl\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .xl\:g-col-start-11 {
grid-column-start: 11
}
.grid .xl\:g-col-end-11 {
grid-column-end: 11
}
.grid .xl\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .xl\:g-row-start-12 {
grid-row-start: 12
}
.grid .xl\:g-row-end-12 {
grid-row-end: 12
}
.grid .xl\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .xl\:g-col-start-12 {
grid-column-start: 12
}
.grid .xl\:g-col-end-12 {
grid-column-end: 12
}
.grid .xl\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .xl\:g-row-start-13 {
grid-row-start: 13
}
.grid .xl\:g-row-end-13 {
grid-row-end: 13
}
.grid .xl\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .xl\:g-col-start-13 {
grid-column-start: 13
}
.grid .xl\:g-col-end-13 {
grid-column-end: 13
}
}
.grid-cols-1 {
grid-template-columns: repeat(1,1fr)
}
.grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
@media(min-width: 560px) {
.sm\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.sm\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.sm\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.sm\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.sm\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.sm\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.sm\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.sm\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.sm\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
@media(min-width: 768px) {
.md\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.md\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.md\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.md\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.md\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.md\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
@media(min-width: 960px) {
.lg\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.lg\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.lg\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.lg\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.lg\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.lg\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
@media(min-width: 1280px) {
.xl\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.xl\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.xl\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.xl\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.xl\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.xl\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.xl\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.xl\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
.section {
--section-bg: var(--tblr-color-background-primary);
--section-color: var(--tblr-color-text-primary);
--section-title-color: var(--color-headers);
--section-description-color: var(--tblr-color-text-secondary);
background: var(--section-bg);
color: var(--section-color);
position: relative;
padding: var(--tblr-space-5xl) 0
}
@media(min-width: 960px) {
.section {
padding:6.5rem 0
}
}
.section .container {
position: relative;
z-index: 1
}
.section-sm {
padding: var(--tblr-space-5xl) 0
}
.section-white {
--section-bg: var(--tblr-color-background-primary)
}
.section-secondary {
--section-bg: var(--tblr-color-background-secondary)
}
.section-transparent {
--section-bg: transparent
}
.section-dark {
--section-bg: var(--tblr-color-dark-secondary);
--section-color: var(--tblr-color-dark-foreground);
--section-title-color: var(--tblr-color-text-inverted-primary);
--section-description-color: var(--tblr-color-text-inverted-secondary);
--color-muted: var(--tblr-color-text-inverted-secondary);
--color-headers: var(--tblr-color-text-inverted-primary)
}
.section-accent {
--section-bg: var(--tblr-color-accent);
--section-color: var(--color-dark-text);
--section-title-color: var(--color-dark-text);
--section-description-color: var(--color-dark-muted);
--color-muted: var(--section-description-color);
--color-headers: var(--section-title-color)
}
@keyframes move-forever1 {
0% {
transform: translate(85px)
}
to {
transform: translate(-90px)
}
}
@keyframes move-forever2 {
0% {
transform: translate(-90px)
}
to {
transform: translate(85px)
}
}
@keyframes move-forever3 {
0% {
transform: translate(-90px)
}
to {
transform: translate(85px)
}
}
.section-divider {
position: absolute;
bottom: calc(100% - 1px);
pointer-events: none;
height: var(--tblr-space-7xl);
width: 100%;
z-index: 0
}
.section-divider path {
fill: var(--section-bg)
}
.section-divider .wave-1 {
animation: move-forever1 30s linear infinite;
animation-delay: -2s
}
.section-divider .wave-2 {
animation: move-forever2 24s linear infinite;
opacity: .5;
animation-delay: -2s
}
.section-divider .wave-3 {
animation: move-forever3 18s linear infinite;
opacity: .3;
animation-delay: -2s
}
.section-divider-auto {
height: auto
}
.page-header,.section-header {
text-align: center;
max-width: 45rem;
margin: 0 auto var(--tblr-space-5xl)
}
.page-header {
margin-bottom: 6.5rem
}
.page-title {
font-size: var(--tblr-font-size-h0);
line-height: var(--tblr-line-height-h0);
margin-bottom: var(--tblr-space-md);
font-weight: var(--tblr-font-weight-bold)
}
.section-title {
color: var(--section-title-color);
font-size: var(--tblr-font-size-2xl);
line-height: var(--tblr-line-height-2xl);
font-weight: var(--tblr-font-weight-headings);
text-wrap: balance
}
.section-title-lg {
font-size: var(--tblr-font-size-3xl);
line-height: var(--tblr-line-height-3xl);
font-weight: var(--tblr-font-weight-bold)
}
.page-description,.section-description {
color: var(--section-description-color,inherit);
margin: var(--tblr-space-md) auto 0;
font-weight: 400;
font-size: var(--tblr-font-size-h4)
}
.section-header .page-description,.section-header .section-description {
max-width: var(--tblr-container-sm)
}
.footer {
margin-top: auto;
color: var(--tblr-color-text-secondary);
background: var(--tblr-color-background-primary)
}
.content {
display: flex;
flex-direction: column;
min-height: 100vh
}
.header {
height: var(--tblr-space-5xl);
position: sticky;
top: 0;
left: 0;
right: 0;
padding: 0;
display: flex;
align-items: center;
transition: var(--tblr-transition-color),var(--tblr-transition-shadow);
z-index: 110;
border-bottom: 1px solid var(--tblr-stroke-color);
background: var(--tblr-color-background-primary)
}
.header-sticky {
box-shadow: var(--tblr-shadow-md);
background-color: var(--color-bg-rgb);
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm)
}
@supports (color: color-mix(in lch,red,blue)) {
.header-sticky {
background-color:color-mix(in srgb,var(--tblr-color-background-primary),transparent 10%)
}
}
.main {
flex: 1 1
}
.side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 20rem;
background: var(--tblr-color-background-primary);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.side~.main {
margin-left: 20rem
}
.sticky-top {
position: sticky;
top: var(--tblr-space-5xl)var(--tblr-space-md);
z-index: 1
}
.img-overlap-margin {
margin-bottom: -8rem
}
.img-overlap-padding {
padding-top: 8rem
}
.img-gradient {
background-color: var(--tblr-color-background-secondary);
-webkit-mask: url('data:image/svg+xml;charset=utf8,') no-repeat;
mask: url('data:image/svg+xml;charset=utf8,') no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%
}
.img-markdown {
border-radius: var(--tblr-radius-lg);
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
@media(min-width: 1280px) {
.img-markdown {
margin-left:-45px;
margin-right: -45px;
max-width: none
}
}
.banner {
background: linear-gradient(-90deg,#a258c1,#0374bd 47%,#29b9c9);
color: #fff;
padding: var(--tblr-space-xs) 0;
text-align: center;
position: relative;
display: none;
z-index: 150;
font-size: var(--tblr-font-size-sm);
font-weight: var(--tblr-font-weight-medium)
}
a.banner {
cursor: pointer;
display: block;
transition: var(--tblr-transition-color)
}
a.banner:hover {
text-decoration: none;
color: #fff;
opacity: .88
}
@media(min-width: 960px) {
.banner {
display:block
}
}
@media(max-width: 959.98px) {
.banner {
padding-right:var(--tblr-space-3xl)
}
}
.banner>.container {
display: flex;
justify-content: center
}
.banner-link {
font-weight: var(--tblr-font-weight-medium);
color: inherit;
text-decoration: underline;
white-space: nowrap
}
.banner-link:hover {
text-decoration: none;
color: inherit
}
.banner-close {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
opacity: .75;
color: inherit;
height: var(--tblr-space-3xl);
width: var(--tblr-space-3xl);
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
margin: auto;
background: transparent
}
.banner-close:hover {
color: inherit;
opacity: 1
}
.banner-close .icon {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.streamline-banner {
margin: 0
}
.streamline-banner.horizontal {
max-width: 800px
}
.streamline-banner.vertical {
height: 100%
}
.icons-block {
display: flex;
flex-direction: column;
gap: 3em;
align-items: center;
margin-top: 0
}
.icons-block svg {
width: 28px;
height: 28px
}
.grid-banner {
grid-row-start: 6;
grid-row-end: 10;
grid-column-start: -3;
grid-column-end: -1
}
@media screen and (min-width: 768px) {
.grid-banner {
grid-row-start:4;
grid-row-end: 8
}
}
@media screen and (min-width: 992px) {
.grid-banner {
grid-row-start:2;
grid-row-end: 6
}
}
.navbar {
justify-content: center;
display: flex;
font-size: var(--tblr-font-size-sm);
line-height: var(--tblr-line-height-sm)
}
@media(max-width: 959.98px) {
.navbar {
position:fixed;
display: block;
background: var(--tblr-color-background-primary);
top: var(--tblr-space-5xl);
left: 0;
right: 0;
padding: var(--tblr-space-xs);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secaondary);
opacity: 0;
visibility: hidden;
transition: visibility .3s,var(--tblr-transition-opacity),var(--tblr-transition-transform);
transform: scale(.9);
transform-origin: top center;
box-shadow: 0 20px 40px 0 rgba(59,69,78,.1),0 0 2px 0 rgba(59,69,78,.06);
z-index: 201;
height: calc(100vh - var(--tblr-space-5xl));
height: calc(100dvh - var(--tblr-space-5xl));
overflow: auto;
will-change: opacity,transform;
overscroll-behavior-y: contain
}
.navbar.opened {
opacity: 1;
visibility: visible;
transform: scale(1)
}
}
.navbar-logo {
position: relative;
z-index: 202
}
.navbar-menu {
justify-content: center;
display: flex;
gap: var(--tblr-space-2xs)
}
@media(max-width: 959.98px) {
.navbar-menu {
flex-direction:column;
gap: 0
}
}
.navbar-toggle {
cursor: pointer;
border: 0;
display: flex;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
border-radius: var(--tblr-radius);
align-items: center;
justify-content: center;
background: transparent;
color: inherit;
position: relative;
z-index: 201
}
@media(min-width: 960px) {
.navbar-toggle {
display:none
}
}
.navbar-toggle:hover .navbar-burger {
opacity: 1
}
.navbar-toggle span {
display: block;
position: absolute;
height: 2px;
width: var(--tblr-space-xl);
background: currentColor;
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .2s ease-in-out
}
.navbar-toggle span:first-child {
top: 8px;
left: var(--tblr-space-2xs);
transform-origin: center
}
.navbar-toggle span:nth-child(2),.navbar-toggle span:nth-child(3) {
top: 16px;
left: var(--tblr-space-2xs);
transform-origin: center
}
.navbar-toggle span:nth-child(4) {
top: 24px;
left: var(--tblr-space-2xs);
transform-origin: center
}
.navbar-toggle.opened span:first-child,.navbar-toggle.opened span:nth-child(4) {
opacity: 0;
top: 15px;
width: 0;
left: 50%
}
.navbar-toggle.opened span:nth-child(2) {
transform: rotate(45deg)
}
.navbar-toggle.opened span:nth-child(3) {
transform: rotate(-45deg)
}
.navbar-item {
margin: 0;
position: relative
}
@media(max-width: 959.98px) {
.navbar-item {
margin-top:var(--tblr-space-xs)
}
}
.navbar-item-badge {
margin-left: var(--tblr-space-md)
}
@media(min-width: 960px) {
.navbar-item-badge {
position:absolute;
top: 0;
right: -.5rem;
transform: rotate(5deg);
margin: 0;
z-index: 1
}
}
.navbar-link {
display: flex;
align-items: center;
color: var(--tblr-color-text-primary);
padding: var(--tblr-space-xs) var(--tblr-space-sm);
transition: var(--tblr-transition-color);
position: relative;
background: transparent;
font: inherit;
cursor: pointer;
border-radius: var(--tblr-radius-lg);
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media(max-width: 959.98px) {
.navbar-link {
padding:var(--tblr-space-md)
}
}
.navbar-dropdown.open .navbar-link,.navbar-link:hover {
color: var(--tblr-color-text-primary);
background-color: var(--tblr-color-background-secondary)
}
.navbar-link:after {
position: absolute;
bottom: 0;
left: var(--tblr-space-sm);
right: var(--tblr-space-sm);
height: 2px;
border-radius: var(--tblr-radius);
background: var(--tblr-color-accent);
opacity: 0;
transform: scaleX(0);
transition: opacity .5s,transform .5s
}
@media(min-width: 960px) {
.navbar-link:after {
content:""
}
}
.navbar-link.active {
color: var(--tblr-color-accent);
background: transparent
}
.navbar-link.active:after {
opacity: 1;
transform: scaleX(1)
}
.navbar-btn {
margin-left: var(--tblr-space-md)
}
.navbar-dropdown {
position: relative;
display: flex;
flex-direction: column
}
.navbar-dropdown-chevron {
margin-left: var(--tblr-space-xs);
transition: var(--tblr-transition-transform)
}
.navbar-dropdown.open .navbar-dropdown-chevron {
transform: rotate(180deg)
}
@media(max-width: 959.98px) {
.navbar-dropdown-chevron {
margin-left:auto
}
}
.navbar-dropdown-menu {
--menu-width: 45rem;
opacity: 0;
visibility: hidden;
display: none
}
.navbar-dropdown.open .navbar-dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
display: block
}
@media(min-width: 960px) {
.navbar-dropdown-menu {
position:absolute;
top: calc(100% + .5rem);
right: 0;
display: block;
background: var(--tblr-color-background-primary);
width: var(--menu-width);
box-shadow: var(--tblr-shadow-inset),var(--tblr-shadow-2xl);
border-radius: var(--tblr-radius-lg);
margin-left: calc(var(--menu-width)*-.5);
transition: opacity .5s,transform .5s,visibility .5s
}
}
.navbar-dropdown-menu-content {
display: grid;
grid-gap: var(--tblr-space-lg) var(--tblr-space-2xl);
gap: var(--tblr-space-lg) var(--tblr-space-2xl);
grid-template-columns: 1fr
}
@media(min-width: 960px) {
.navbar-dropdown-menu-content {
padding:var(--tblr-space-xl)
}
}
.navbar-dropdown-menu-footer {
padding: var(--tblr-space-lg);
background: var(--tblr-color-background-secondary);
border-radius: 0 0 calc(var(--tblr-radius-lg) + 1px) calc(var(--tblr-radius-lg) + 1px)
}
.navbar-dropdown-menu-link {
color: inherit;
cursor: pointer;
background: transparent;
text-align: left;
border-radius: var(--tblr-radius);
transition: var(--tblr-transition-color);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media(min-width: 960px) {
.navbar-dropdown-menu-link {
padding:var(--tblr-space-md);
margin: -var(--tblr-space-md)
}
}
.navbar-dropdown-menu-link:focus-visible,.navbar-dropdown-menu-link:hover {
background: var(--tblr-color-background-secondary)
}
.logo {
display: flex;
align-items: center;
background: url(/img/logos/tabler.svg) no-repeat 0/auto 2rem;
min-width: 7.5rem;
height: var(--tblr-space-4xl);
margin: 0;
transition: var(--tblr-transition-opacity);
text-decoration: none;
position: relative
}
a.logo:hover {
opacity: .8
}
.logo:after {
content: attr(data-suffix);
position: absolute;
text-transform: uppercase;
color: var(--tblr-color-text-tertiary);
font-weight: var(--tblr-font-weight-medium);
font-size: 11px;
bottom: 0;
line-height: 1;
left: 6rem;
white-space: nowrap
}
.logo-square {
width: var(--tblr-space-2xl);
min-width: 0
}
.logo-gray {
background-image: url(/img/logos/tabler-gray.svg)
}
.logo-white {
background-image: url(/img/logos/tabler-white.svg)
}
.logo-tabler-emails {
background-image: url(/img/logos/emails.svg)
}
.logo-tabler-emails.logo-gray {
background-image: url(/img/logos/emails-gray.svg)
}
.logo-tabler-emails.logo-white {
background-image: url(/img/logos/emails-white.svg)
}
.logo-tabler-components {
background-image: url(/img/logos/components.svg)
}
.logo-tabler-components.logo-gray {
background-image: url(/img/logos/components-gray.svg)
}
.logo-tabler-components.logo-white {
background-image: url(/img/logos/components-white.svg)
}
.logo-tabler-icons {
background-image: url(/img/logos/icons.svg)
}
.logo-tabler-icons.logo-gray {
background-image: url(/img/logos/icons-gray.svg)
}
.logo-tabler-icons.logo-white {
background-image: url(/img/logos/icons-white.svg)
}
.logo-tabler-illustrations {
background-image: url(/img/logos/illustrations.svg)
}
.logo-tabler-illustrations.logo-gray {
background-image: url(/img/logos/illustrations-gray.svg)
}
.logo-tabler-illustrations.logo-white {
background-image: url(/img/logos/illustrations-white.svg)
}
.logo-tabler-docs {
background-image: url(/img/logos/docs.svg)
}
.logo-tabler-docs.logo-gray {
background-image: url(/img/logos/docs-gray.svg)
}
.logo-tabler-docs.logo-white {
background-image: url(/img/logos/docs-white.svg)
}
.logo-tabler-flags {
background-image: url(/img/logos/flags.svg)
}
.logo-tabler-flags.logo-gray {
background-image: url(/img/logos/flags-gray.svg)
}
.logo-tabler-flags.logo-white {
background-image: url(/img/logos/flags-white.svg)
}
.logo-tabler-payments {
background-image: url(/img/logos/payments.svg)
}
.logo-tabler-payments.logo-gray {
background-image: url(/img/logos/payments-gray.svg)
}
.logo-tabler-payments.logo-white {
background-image: url(/img/logos/payments-white.svg)
}
.logo-tabler-avatars {
background-image: url(/img/logos/avatars.svg)
}
.logo-tabler-avatars.logo-gray {
background-image: url(/img/logos/avatars-gray.svg)
}
.logo-tabler-avatars.logo-white {
background-image: url(/img/logos/avatars-white.svg)
}
.hero {
padding: var(--tblr-space-2xl) 0
}
@media(min-width: 768px) {
.hero {
padding:6.5rem 0
}
}
.hero-dark {
background: var(--color-dark);
color: var(--color-white)
}
.hero-subheader {
text-transform: uppercase;
color: var(--tblr-color-accent-primary);
font-weight: var(--tblr-font-weight-medium);
font-size: var(--tblr-font-size-h7);
margin-bottom: var(--tblr-space-md);
letter-spacing: var(--tblr-letter-spacing-wider)
}
.hero-title {
font-size: var(--tblr-font-size-h1);
line-height: var(--tblr-line-height-h1);
font-weight: var(--tblr-font-weight-bold);
letter-spacing: var(--tblr-letter-spacing-tight)
}
@media(min-width: 768px) {
.hero-title {
font-size:var(--tblr-font-size-5xl);
line-height: var(--tblr-line-height-5xl)
}
}
.hero-description {
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-h5);
line-height: 1.5;
margin: 0 auto;
max-width: var(--tblr-container-md)
}
@media(min-width: 560px) {
.hero-description {
font-size:var(--tblr-font-size-h4)
}
}
@media(min-width: 960px) {
.hero-description {
font-size:var(--tblr-font-size-h3)
}
}
.hero-img {
margin: 6.5rem auto;
max-width: 67.5rem;
border-radius: var(--tblr-radius-lg);
position: relative;
z-index: 1;
box-shadow: 0 10px 15px -3px rgba(59,69,78,.1),0 4px 6px -2px rgba(59,69,78,.05)
}
.hero-img img,.hero-img svg {
max-width: 100%;
height: auto;
display: block;
position: relative
}
.hero-img-side {
max-width: 40rem;
margin: 0 auto
}
.hero-img-side img,.hero-img-side svg {
max-width: 100%;
height: auto;
display: block
}
.hero-gradient {
box-shadow: 0 0 360px 230px var(--tblr-color-background-secondary)
}
.hero-gradient,.rklm {
background: var(--tblr-color-background-secondary)
}
.rklm {
position: relative;
padding: 15px;
font-size: .8125rem;
line-height: 1.4;
display: flex;
border-radius: var(--tblr-radius-lg);
flex-direction: column
}
.rklm-wrap {
flex: 1 1
}
.rklm-wrap+.rklm-wrap {
margin-top: var(--tblr-space-xl)
}
.carbon-img,.rklm-img {
display: block
}
.carbon-img img,.rklm-img img {
max-width: 100%!important;
border-radius: var(--tblr-radius)
}
.carbon-text,.rklm-text {
color: var(--tblr-color-text-primary);
font-weight: 500
}
.carbon-poweredby,.carbon-text,.rklm-text {
display: block;
margin-top: var(--tblr-space-sm)
}
.carbon-poweredby {
color: var(--tblr-color-text-secondary)
}
.rklm-horizontal {
flex-direction: row
}
.rklm-horizontal .rklm-wrap+.rklm-wrap {
margin-top: 0;
margin-left: var(--tblr-space-2xl)
}
.rklm-horizontal .carbon-text,.rklm-horizontal .rklm-text {
margin-top: 0
}
@keyframes figma-1 {
0%,20%,to {
transform: translateY(0)
}
40%,50% {
transform: translate(100px,-20px)
}
60%,90% {
transform: translate(100px,40px)
}
}
.animation-figma-1 {
animation: figma-1 10s ease-in-out infinite
}
@keyframes figma-2 {
0%,15%,to {
transform: translateY(50px)
}
25%,50% {
transform: translate(-150px,20px)
}
55%,90% {
transform: translate(-100px,-40px)
}
}
.animation-figma-2 {
animation: figma-2 12s ease-in-out -3s infinite
}
@keyframes figma-3 {
0%,10%,to {
transform: translateY(-20px)
}
30%,60% {
transform: translate(100px,100px)
}
80%,90% {
transform: translate(100px,-40px)
}
}
.animation-figma-3 {
animation: figma-3 8s ease-in-out -5s infinite
}
.accordion+.accordion {
border-top: 1px solid var(--tblr-stroke-color-primary)
}
.accordion:first-child .accordion-title {
margin-top: 0
}
.accordion-checkbox {
display: none
}
.accordion-checkbox:checked~.accordion-content {
display: block
}
.accordion-checkbox:checked~.accordion-title .accordion-chevron {
transform: rotate(-180deg);
color: var(--tblr-color-text-primary)
}
.accordion-title {
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-weight: var(--tblr-font-weight-semibold);
cursor: pointer;
margin: var(--tblr-space-2xl) 0;
font-size: var(--tblr-font-size-h3);
line-height: var(--tblr-line-height-h3)
}
.accordion-chevron {
margin: 2px 0 2px auto;
color: var(--tblr-color-text-quaternary);
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
transition: var(--tblr-transition-transform),var(--tblr-transition-color)
}
.accordion-content {
display: none;
padding-bottom: var(--tblr-space-2xl)
}
.accordion-content,.avatar {
color: var(--tblr-color-text-secondary)
}
.avatar {
--icon-size: var(--tblr-space-xl);
display: inline-flex;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
background: var(--tblr-stroke-color-secondary) no-repeat center/cover;
border-radius: var(--tblr-radius-full);
vertical-align: bottom;
box-shadow: var(--tblr-shadow-inset),var(--tblr-shadow-lg);
align-items: center;
justify-content: center
}
.avatar .icon {
stroke-width: 1.5;
width: var(--icon-size);
height: var(--icon-size)
}
.avatar-sm {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.avatar-lg {
width: var(--tblr-space-3xl);
height: var(--tblr-space-3xl)
}
.avatar-xl {
width: var(--tblr-space-5xl);
height: var(--tblr-space-5xl)
}
.badge {
display: inline-flex;
align-items: center;
font-size: var(--tblr-font-size-h6);
text-decoration: none;
color: var(--tblr-color-text-secondary);
background: var(--tblr-color-background-secondary);
line-height: 1;
border-radius: var(--tblr-radius);
font-size: var(--tblr-font-size-h7);
padding: 0 var(--tblr-space-xs);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: var(--tblr-transition-color);
font-weight: var(--tblr-font-weight-medium)
}
.badge,.badge svg {
height: var(--tblr-space-lg)
}
.badge svg {
width: var(--tblr-space-lg);
margin: 0 var(--tblr-space-xs) 0 calc(-1*var(--tblr-space-2xs));
stroke-width: 1.5
}
.badge.active,a.badge:hover {
color: var(--tblr-color-text-primary);
background: var(--tblr-color-background-tertiary)
}
.badge-sm {
height: var(--tblr-space-md);
padding: 0 var(--tblr-space-2xs)
}
.badge-accent {
color: var(--tblr-color-accent);
background-color: var(--tblr-color-accent-quaternary)
}
.badge-accent.badge-important {
background: var(--tblr-color-accent);
color: var(--tblr-color-accent-foreground)
}
.badge-fade {
color: var(--tblr-color-fade);
background-color: var(--tblr-color-fade-quaternary)
}
.badge-fade.badge-important {
background: var(--tblr-color-fade);
color: var(--tblr-color-fade-foreground)
}
.badge-dark {
color: var(--tblr-color-dark);
background-color: var(--tblr-color-dark-quaternary)
}
.badge-dark.badge-important {
background: var(--tblr-color-dark);
color: var(--tblr-color-dark-foreground)
}
.badge-blue {
color: var(--tblr-color-blue);
background-color: var(--tblr-color-blue-quaternary)
}
.badge-blue.badge-important {
background: var(--tblr-color-blue);
color: var(--tblr-color-blue-foreground)
}
.badge-sky {
color: var(--tblr-color-sky);
background-color: var(--tblr-color-sky-quaternary)
}
.badge-sky.badge-important {
background: var(--tblr-color-sky);
color: var(--tblr-color-sky-foreground)
}
.badge-brown {
color: var(--tblr-color-brown);
background-color: var(--tblr-color-brown-quaternary)
}
.badge-brown.badge-important {
background: var(--tblr-color-brown);
color: var(--tblr-color-brown-foreground)
}
.badge-green {
color: var(--tblr-color-green);
background-color: var(--tblr-color-green-quaternary)
}
.badge-green.badge-important {
background: var(--tblr-color-green);
color: var(--tblr-color-green-foreground)
}
.badge-yellow {
color: var(--tblr-color-yellow);
background-color: var(--tblr-color-yellow-quaternary)
}
.badge-yellow.badge-important {
background: var(--tblr-color-yellow);
color: var(--tblr-color-yellow-foreground)
}
.badge-orange {
color: var(--tblr-color-orange);
background-color: var(--tblr-color-orange-quaternary)
}
.badge-orange.badge-important {
background: var(--tblr-color-orange);
color: var(--tblr-color-orange-foreground)
}
.badge-red {
color: var(--tblr-color-red);
background-color: var(--tblr-color-red-quaternary)
}
.badge-red.badge-important {
background: var(--tblr-color-red);
color: var(--tblr-color-red-foreground)
}
.badge-crimson {
color: var(--tblr-color-crimson);
background-color: var(--tblr-color-crimson-quaternary)
}
.badge-crimson.badge-important {
background: var(--tblr-color-crimson);
color: var(--tblr-color-crimson-foreground)
}
.badge-pink {
color: var(--tblr-color-pink);
background-color: var(--tblr-color-pink-quaternary)
}
.badge-pink.badge-important {
background: var(--tblr-color-pink);
color: var(--tblr-color-pink-foreground)
}
.badge-violet {
color: var(--tblr-color-violet);
background-color: var(--tblr-color-violet-quaternary)
}
.badge-violet.badge-important {
background: var(--tblr-color-violet);
color: var(--tblr-color-violet-foreground)
}
.badge-white {
color: var(--tblr-color-white);
background-color: var(--tblr-color-white-quaternary)
}
.badge-white.badge-important {
background: var(--tblr-color-white);
color: var(--tblr-color-white-foreground)
}
.badges-list {
display: inline-flex;
flex-wrap: wrap;
gap: var(--tblr-space-2xs)
}
.badge-outline {
background: transparent;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
color: var(--tblr-color-text-secondary)
}
.breadcrumb-list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
font-size: var(--tblr-font-size-h6)
}
.breadcrumb-item {
color: var(--tblr-color-text-tertiary)
}
.breadcrumb-item:not(:first-child):before {
content: "›";
margin: 0 var(--tblr-space-xs)
}
.breadcrumb-link {
color: var(--tblr-color-text-tertiary)
}
.browser {
--browser-radius: var(--tblr-radius-lg);
border-radius: var(--browser-radius);
box-shadow: 0 0 0 1px var(--tblr-stroke-color-secondary);
background: var(--tblr-color-background-primary)
}
.browser-header {
padding: .5rem 1rem;
background: var(--tblr-color-background-secondary) linear-gradient(to bottom,transparent,rgba(59,69,78,.03));
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: calc(var(--browser-radius) + 1px) calc(var(--browser-radius) + 1px) 0 0
}
.browser-image {
border-radius: 0 0 calc(var(--browser-radius) + 1px) calc(var(--browser-radius) + 1px)
}
.browser-dots {
margin-right: var(--tblr-space-4xl);
display: flex
}
.browser-dot {
margin-right: var(--tblr-space-xs);
width: var(--tblr-space-sm);
min-width: var(--tblr-space-sm);
height: var(--tblr-space-sm);
background: var(--tblr-color-fill-primary);
border-radius: var(--tblr-radius-full);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.browser-dot:first-child {
background: #fb6058
}
.browser-dot:nth-child(2) {
background: #fcbe3b
}
.browser-dot:nth-child(3) {
background: #2ccb4c
}
.browser-input {
flex: 1 1;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: var(--tblr-space-2xs);
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-xs);
border-radius: var(--tblr-radius);
line-height: var(--tblr-space-md);
cursor: pointer;
box-shadow: var(--tblr-shadow-inset);
background-image: linear-gradient(to bottom,var(--tblr-color-background-primary),var(--tblr-color-background-secondary))
}
.browser-input .icon {
color: var(--tblr-color-green);
margin-right: var(--tblr-space-2xs);
display: inline-block
}
.browser-noresize .browser-image img,.browser-noresize .browser-image picture {
max-width: none
}
.btn {
--btn-bg: var(--tblr-color-background-primary);
--btn-text-color: var(--tblr-color-text-primary);
--btn-border-color: var(--tblr-stroke-color-primary);
--btn-padding-x: var(--tblr-space-sm);
--btn-text-padding-x: 0;
--btn-hover-bg: var(--tblr-color-background-secondary);
--btn-hover-border-color: var(--tblr-stroke-color-hovered);
--btn-focus-color: rgba(59,69,78,.3);
--btn-height: var(--tblr-space-3xl);
--btn-radius: var(--tblr-radius-lg);
--btn-icon-size: var(--tblr-space-md);
--btn-font-size: var(--tblr-font-size-h6);
background: var(--btn-bg);
color: var(--btn-text-color);
border: var(--tblr-stroke-width) solid var(--btn-border-color);
display: inline-flex;
gap: var(--tblr-space-2xs);
align-items: center;
justify-content: center;
border-radius: var(--btn-radius);
text-decoration: none;
line-height: 1;
font-weight: var(--tblr-font-weight-medium);
font-size: var(--btn-font-size);
height: var(--btn-height);
min-width: var(--btn-height);
padding: 0 calc(var(--btn-padding-x) - 1px);
box-shadow: 0 10px 15px -3px rgba(0,0,0,.04),0 4px 6px -2px rgba(0,0,0,.02);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: var(--tblr-transition-opacity),var(--tblr-transition-transform),var(--tblr-transition-color);
cursor: pointer;
white-space: nowrap;
touch-action: manipulation;
vertical-align: bottom
}
.btn.disabled,.btn:disabled {
--btn-text-color: var(--tblr-color-text-tertiary);
--btn-bg: #fafbfc;
cursor: not-allowed
}
.btn.active,.btn:active {
--btn-text-color: #fff;
--btn-bg: var(--tblr-color-accent);
--btn-border-color: transparent
}
.btn.active:hover,.btn:active:hover {
--btn-bg: var(--tblr-color-accent-secondary)
}
.btn:hover {
--btn-bg: var(--btn-hover-bg);
--btn-border-color: var(--btn-hover-border-color)
}
a.btn:hover {
color: var(--btn-hover-color,var(--btn-text-color));
border-color: var(--btn-hover-border-color);
background-color: var(--btn-hover-bg,var(--btn-bg))
}
.btn:focus-visible {
box-shadow: 0 0 0 3px var(--btn-focus-color);
outline: none
}
.btn .icon {
width: var(--btn-icon-size);
height: var(--btn-icon-size);
stroke-width: 2
}
.btn-responsive-text,.btn-text {
margin: 0 var(--btn-text-padding-x)
}
.btn-block {
width: 100%
}
.btn-sm {
--btn-height: 1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7);
--btn-radius: var(--tblr-radius-md)
}
.btn-md {
--btn-height: 3rem;
--btn-padding-x: var(--tblr-space-sm);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-lg);
--btn-font-size: var(--tblr-font-size-h5);
--btn-text-padding-x: var(--tblr-space-2xs)
}
.btn-lg,.btn-md {
gap: var(--tblr-space-xs)
}
.btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-md);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-2xs)
}
@media(min-width: 560px) {
.sm\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7);
--btn-radius: var(--tblr-radius-md)
}
.sm\:btn-md {
--btn-height: 3rem;
--btn-padding-x: var(--tblr-space-sm);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-lg);
--btn-font-size: var(--tblr-font-size-h5);
--btn-text-padding-x: var(--tblr-space-2xs)
}
.sm\:btn-lg,.sm\:btn-md {
gap: var(--tblr-space-xs)
}
.sm\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-md);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-2xs)
}
}
@media(min-width: 768px) {
.md\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7);
--btn-radius: var(--tblr-radius-md)
}
.md\:btn-md {
--btn-height: 3rem;
--btn-padding-x: var(--tblr-space-sm);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-lg);
--btn-font-size: var(--tblr-font-size-h5);
--btn-text-padding-x: var(--tblr-space-2xs)
}
.md\:btn-lg,.md\:btn-md {
gap: var(--tblr-space-xs)
}
.md\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-md);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-2xs)
}
}
@media(min-width: 960px) {
.lg\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7);
--btn-radius: var(--tblr-radius-md)
}
.lg\:btn-md {
--btn-height: 3rem;
--btn-padding-x: var(--tblr-space-sm);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-lg);
--btn-font-size: var(--tblr-font-size-h5);
--btn-text-padding-x: var(--tblr-space-2xs)
}
.lg\:btn-lg,.lg\:btn-md {
gap: var(--tblr-space-xs)
}
.lg\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-md);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-2xs)
}
}
@media(min-width: 1280px) {
.xl\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7);
--btn-radius: var(--tblr-radius-md)
}
.xl\:btn-md {
--btn-height: 3rem;
--btn-padding-x: var(--tblr-space-sm);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-lg);
--btn-font-size: var(--tblr-font-size-h5);
--btn-text-padding-x: var(--tblr-space-2xs)
}
.xl\:btn-lg,.xl\:btn-md {
gap: var(--tblr-space-xs)
}
.xl\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-md);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-2xs)
}
}
.btn-circle {
border-radius: var(--tblr-radius-full);
padding: 0
}
.btn-ghost,.btn-link {
background: transparent;
color: var(--tblr-color-text-secondary);
border-color: transparent;
box-shadow: none
}
.btn-ghost svg,.btn-link svg {
stroke-width: 1.5
}
.btn-ghost:hover,.btn-link:hover {
color: var(--tblr-color-text-primary);
border-color: transparent!important;
background: rgba(0,0,0,.04)!important;
box-shadow: none
}
.btn-accent {
--btn-bg: var(--tblr-color-accent-primary);
--btn-text-color: var(--tblr-color-accent-foreground);
--btn-hover-bg: var(--tblr-color-accent-secondary)
}
.btn-accent.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-red {
--btn-bg: var(--tblr-color-red-primary);
--btn-text-color: var(--tblr-color-red-foreground);
--btn-hover-bg: var(--tblr-color-red-secondary)
}
.btn-red.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-crimson {
--btn-bg: var(--tblr-color-crimson-primary);
--btn-text-color: var(--tblr-color-crimson-foreground);
--btn-hover-bg: var(--tblr-color-crimson-secondary)
}
.btn-crimson.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-brown {
--btn-bg: var(--tblr-color-brown-primary);
--btn-text-color: var(--tblr-color-brown-foreground);
--btn-hover-bg: var(--tblr-color-brown-secondary)
}
.btn-brown.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-sky {
--btn-bg: var(--tblr-color-sky-primary);
--btn-text-color: var(--tblr-color-sky-foreground);
--btn-hover-bg: var(--tblr-color-sky-secondary)
}
.btn-sky.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-dark {
--btn-bg: var(--tblr-color-dark-primary);
--btn-text-color: var(--tblr-color-dark-foreground);
--btn-hover-bg: var(--tblr-color-dark-secondary)
}
.btn-dark.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-pink {
--btn-bg: var(--tblr-color-pink-primary);
--btn-text-color: var(--tblr-color-pink-foreground);
--btn-hover-bg: var(--tblr-color-pink-secondary)
}
.btn-pink.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-grape {
--btn-bg: var(--tblr-color-grape-primary);
--btn-text-color: var(--tblr-color-grape-foreground);
--btn-hover-bg: var(--tblr-color-grape-secondary)
}
.btn-grape.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-violet {
--btn-bg: var(--tblr-color-violet-primary);
--btn-text-color: var(--tblr-color-violet-foreground);
--btn-hover-bg: var(--tblr-color-violet-secondary)
}
.btn-violet.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-indigo {
--btn-bg: var(--tblr-color-indigo-primary);
--btn-text-color: var(--tblr-color-indigo-foreground);
--btn-hover-bg: var(--tblr-color-indigo-secondary)
}
.btn-indigo.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-blue {
--btn-bg: var(--tblr-color-blue-primary);
--btn-text-color: var(--tblr-color-blue-foreground);
--btn-hover-bg: var(--tblr-color-blue-secondary)
}
.btn-blue.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-cyan {
--btn-bg: var(--tblr-color-cyan-primary);
--btn-text-color: var(--tblr-color-cyan-foreground);
--btn-hover-bg: var(--tblr-color-cyan-secondary)
}
.btn-cyan.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-teal {
--btn-bg: var(--tblr-color-teal-primary);
--btn-text-color: var(--tblr-color-teal-foreground);
--btn-hover-bg: var(--tblr-color-teal-secondary)
}
.btn-teal.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-green {
--btn-bg: var(--tblr-color-green-primary);
--btn-text-color: var(--tblr-color-green-foreground);
--btn-hover-bg: var(--tblr-color-green-secondary)
}
.btn-green.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-lime {
--btn-bg: var(--tblr-color-lime-primary);
--btn-text-color: var(--tblr-color-lime-foreground);
--btn-hover-bg: var(--tblr-color-lime-secondary)
}
.btn-lime.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-yellow {
--btn-bg: var(--tblr-color-yellow-primary);
--btn-text-color: var(--tblr-color-yellow-foreground);
--btn-hover-bg: var(--tblr-color-yellow-secondary)
}
.btn-yellow.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-orange {
--btn-bg: var(--tblr-color-orange-primary);
--btn-text-color: var(--tblr-color-orange-foreground);
--btn-hover-bg: var(--tblr-color-orange-secondary)
}
.btn-orange.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-white {
--btn-bg: var(--tblr-color-white-primary);
--btn-text-color: var(--tblr-color-white-foreground)
}
.btn-white.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-twitter {
--btn-bg: #1da1f2;
--btn-text-color: var(--tblr-color-white);
--btn-border-color: #1da1f2;
--btn-hover-bg: #7dc9f8
}
.btn-twitter.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-facebook {
--btn-bg: #1877f2;
--btn-text-color: var(--tblr-color-white);
--btn-border-color: #1877f2;
--btn-hover-bg: #79b0f7
}
.btn-facebook.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-github {
--btn-bg: #181717;
--btn-text-color: var(--tblr-color-white);
--btn-border-color: #181717;
--btn-hover-bg: #4c4949
}
.btn-github.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-figma {
--btn-bg: #000;
--btn-text-color: var(--tblr-color-white);
--btn-border-color: #000;
--btn-hover-bg: #333
}
.btn-figma.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-dribbble {
--btn-bg: #ea4c89;
--btn-text-color: var(--tblr-color-white);
--btn-border-color: #ea4c89;
--btn-hover-bg: #f5a7c5
}
.btn-dribbble.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-white {
--btn-bg: var(--tblr-color-white);
--btn-text-color: var(--tblr-color-dark-primary);
--btn-border-color: var(--tblr-stroke-color-primary);
--btn-hover-bg: var(--tblr-color-white-secondary)
}
.btn-list {
--btn-list-margin: var(--tblr-space-xs);
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--btn-list-margin)*-1) calc(var(--btn-list-margin)*-1) 0
}
.btn-list>* {
margin: 0 var(--btn-list-margin) var(--btn-list-margin) 0
}
@media(max-width: 559.98px) {
.btn-responsive-sm .icon {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-sm .btn-responsive-text {
display: none
}
}
@media(max-width: 767.98px) {
.btn-responsive-md .icon {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-md .btn-responsive-text {
display: none
}
}
@media(max-width: 959.98px) {
.btn-responsive-lg .icon {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-lg .btn-responsive-text {
display: none
}
}
@media(max-width: 1279.98px) {
.btn-responsive-xl .icon {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-xl .btn-responsive-text {
display: none
}
}
.btn-action {
background: transparent;
border-color: transparent;
box-shadow: none
}
.btn-action:hover {
cursor: pointer;
background-color: var(--tblr-color-background-secondary)
}
.blank {
margin: 8rem 0;
text-align: center
}
.blank-icon {
line-height: 1
}
.blank-icon svg {
stroke-width: 1.25;
width: var(--tblr-space-5xl);
height: var(--tblr-space-5xl)
}
.card {
display: flex;
flex-direction: column;
background: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-lg);
color: inherit;
transition: var(--tblr-transition-color);
position: relative
}
a.card:not(.disabled):hover {
color: inherit;
border-color: var(--tblr-stroke-color-primary);
background-color: #fafbfc
}
.card.disabled {
pointer-events: none;
background-color: var(--tblr-color-background-secondary)
}
.card.disabled,.card.disabled .card-content,.card.disabled .card-icon,.card.disabled .card-title {
color: var(--tblr-color-text-disabled)
}
.card-badge {
position: absolute;
font-size: var(--tblr-font-size-xs);
top: 1rem;
right: 1rem;
text-transform: uppercase;
letter-spacing: var(--tblr-letter-spacing-wide)
}
.card-image {
border-top-left-radius: calc(var(--tblr-radius-lg) - 2px);
border-top-right-radius: calc(var(--tblr-radius-lg) - 2px);
overflow: hidden
}
.card-body {
padding: var(--tblr-space-lg);
flex: 1 1
}
.card-title {
font-weight: var(--tblr-font-weight-medium);
font-size: var(--tblr-font-size-h5);
line-height: var(--tblr-line-height-h5)
}
.card-content {
font-size: var(--tblr-font-size-sm);
line-height: var(--tblr-line-height-sm)
}
.card-content,.card-icon {
color: var(--tblr-color-text-secondary)
}
.card-icon {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
.cards {
margin: var(--tblr-space-xl) 0;
display: grid;
grid-gap: var(--tblr-space-xl);
gap: var(--tblr-space-xl);
grid-template-columns: repeat(auto-fill,minmax(270px,1fr))
}
.card-chevron {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--tblr-color-text-tertiary);
transition: var(--tblr-transition-transform)
}
.card-chevron .icon {
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
stroke-width: 1
}
.card:not(.disabled):hover .card-chevron {
transform: translateX(var(--tblr-space-2xs));
color: var(--color-headers)
}
.card:hover .card-chevron-left {
transform: translateX(calc(-1 * var(--tblr-space-2xs)))
}
.aside-menu {
display: flex;
flex-direction: column;
gap: var(--tblr-space-xs)
}
.aside-menu-link,.aside-menu-title {
color: inherit;
display: block;
padding: var(--tblr-space-2xs) var(--tblr-space-xs);
margin: 0 -var(--tblr-space-xs)
}
.aside-menu-link.active,.aside-menu-title.active {
font-weight: var(--tblr-font-weight-medium);
color: var(--color-headers)
}
.aside-menu-link:hover {
background: rgba(var(--color-primary-rgb),.04);
color: var(--tblr-color-accent)
}
.aside-menu-children {
padding-left: var(--tblr-space-xl);
display: flex;
flex-direction: column;
gap: var(--tblr-space-xs);
position: relative
}
.aside-menu-children:after {
content: "";
position: absolute;
top: var(--tblr-space-xs);
bottom: var(--tblr-space-xs);
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
left: var(--tblr-space-xs)
}
.col-docs-side {
font-size: var(--tblr-font-size-h6);
z-index: 1;
flex-direction: column;
display: none
}
@media(max-width: 959.98px) {
.col-docs-side {
max-height:60vh
}
.col-docs-side.visible {
display: flex
}
.col-docs-side .docs-menu {
padding: 0;
margin: var(--tblr-space-md) 0
}
}
@media(min-width: 960px) {
.col-docs-side {
display:flex;
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
position: sticky;
top: calc(var(--tblr-space-5xl) + 1px);
height: calc(100vh - var(--tblr-space-5xl));
width: 16rem
}
.col-docs-mobile-menu {
display: none
}
}
.docs-side-toc {
width: 15rem;
position: sticky;
top: calc(var(--tblr-space-5xl) + 1px);
height: calc(100vh - var(--tblr-space-5xl));
display: none
}
@media(min-width: 1280px) {
.docs-side-toc {
display:block
}
}
.docs-menu,.docs-menu-group,.docs-menu-submenu {
display: flex;
flex-direction: column
}
.docs-menu {
gap: var(--tblr-space-xs);
margin: 0;
padding: 0 0 var(--tblr-space-lg);
overflow-y: auto;
max-height: 100%
}
.docs-menu-item {
cursor: pointer;
color: var(--tblr-color-text-secondary);
padding: var(--tblr-space-2xs) var(--tblr-space-md);
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
display: block;
transition: border-color .5s,color .5s
}
.docs-menu-item:hover {
color: var(--tblr-color-text-headings);
border-left-color: var(--tblr-color-text-headings)
}
.docs-menu-item.active {
color: var(--tblr-color-accent);
border-left-color: var(--tblr-color-accent)
}
.docs-menu-header {
font-weight: var(--tblr-font-weight-medium);
color: var(--tblr-color-text-headings);
margin-bottom: var(--tblr-space-xs);
padding-right: var(--tblr-space-xs)
}
.docs-menu-header,.docs-menu-header-toggle {
display: flex;
align-items: center;
cursor: pointer
}
.docs-menu-header-toggle {
margin-left: auto;
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
justify-content: center;
border-radius: var(--tblr-radius);
transition: var(--tblr-transition-color),var(--tblr-transition-transform)
}
.docs-menu-header-toggle:hover {
background: var(--tblr-color-background-secondary)
}
.docs-menu-header-toggle.open {
transform: rotate(90deg)
}
.docs-menu-icon {
background: #e5e7eb;
border-radius: var(--tblr-radius);
display: flex;
align-items: center;
justify-content: center;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
margin-right: var(--tblr-space-md)
}
.docs-menu-icon .icon {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
div.example iframe.example-frame {
min-height: 7rem!important
}
.example-frame {
display: block;
width: 100%;
background: var(--tblr-color-background-secondary);
min-height: 12rem
}
.example-frame-resizable {
resize: horizontal;
max-width: 100%;
min-width: 20rem
}
.example-code {
margin: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.component {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: var(--tblr-color-background-primary);
display: flex;
flex-direction: column;
border-radius: var(--tblr-radius)
}
.component-fullheight {
height: 100vh
}
.component-fullheight,.component-fullscreen {
border: 0;
border-radius: 0
}
.component-title {
margin: 0
}
.component-header {
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-md)
}
.list-inline-dots {
display: inline-flex;
flex-wrap: wrap
}
.list-inline-dots>*+:before {
content: "·";
color: var(--tblr-color-text-secondary)
}
.list-inline-dots>*+:before,.list-inline-dots>:not(:last-child) {
margin-right: var(--tblr-space-xs)
}
.list-unstyled {
list-style: none;
margin: 0;
padding: 0
}
.list-separated>*+* {
margin-top: var(--tblr-space-xs)
}
@keyframes loader {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.loader {
display: block;
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
margin: 0 auto;
border-radius: var(--tblr-radius-full);
border: 2px solid transparent;
border-top: 2px solid var(--tblr-color-accent);
animation: loader .75s linear infinite
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(59,69,78,.4);
z-index: 200;
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm);
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
opacity: 0;
transition: var(--tblr-transition-opacity)
}
@media(min-width: 768px) {
.modal-backdrop {
align-items:center;
padding: 10.5rem 0
}
}
.modal-backdrop.visible {
opacity: 1
}
.modal-backdrop.visible .modal {
transform: translateY(0);
opacity: 1
}
.modal {
background: var(--tblr-color-background-primary);
width: 45rem;
max-width: calc(100% - 2*var(--tblr-space-xs));
border-radius: var(--tblr-radius-lg);
box-shadow: 0 20px 40px 0 rgba(59,69,78,.1),0 0 2px 0 rgba(59,69,78,.06);
position: relative;
margin: var(--tblr-space-xs);
transform: translateY(2rem);
opacity: 0;
transition: var(--tblr-transition-transform),var(--tblr-transition-opacity)
}
.modal-side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 25rem;
max-width: calc(100% - 6rem);
border-radius: 0;
margin: 0;
padding: var(--tblr-space-md);
padding-top: var(--tblr-space-5xl)
}
.modal-close {
position: absolute;
top: 0;
right: 0;
width: var(--tblr-space-5xl);
height: var(--tblr-space-5xl);
color: inherit;
display: flex;
align-items: center;
justify-content: center;
opacity: .5;
transition: var(--tblr-transition-opacity);
cursor: pointer;
z-index: 1
}
.modal-close svg {
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
stroke-width: 1.5;
transition: var(--tblr-transition-transform)
}
.modal-close:hover {
opacity: 1
}
.modal-close:hover svg {
transform: rotate(90deg)
}
.modal-dark .modal-close {
color: var(--tblr-color-on-dark)
}
.modal-body {
--modal-padding: var(--tblr-space-xl);
padding: var(--modal-padding)
}
@media(min-width: 768px) {
.modal-body {
--modal-padding:var(--tblr-space-3xl)
}
}
.modal-body+.modal-body {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.modal-image {
margin: calc(-1*var(--modal-padding)) calc(-1*var(--modal-padding)) var(--modal-padding);
border-radius: var(--tblr-radius-lg) var(--tblr-radius-lg) 0 0;
overflow: hidden
}
.modal-image.image-only {
margin-bottom: calc(-1*var(--modal-padding));
border-radius: var(--tblr-radius-lg)
}
.modal-image:hover {
opacity: .95
}
.modal-title {
margin-bottom: var(--tblr-space-xl);
margin-right: var(--tblr-space-5xl)
}
.modal-footer {
display: block;
text-decoration: none;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
padding: var(--tblr-space-xs) var(--tblr-space-md)
}
@media(min-width: 768px) {
.modal-footer {
padding:var(--tblr-space-md) 2rem
}
}
.modal-wide {
width: 60rem
}
.modal-ad {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 2rem)
}
.modal-ad .carbon:after {
clear: both;
content: "";
display: block
}
.modal-ad .carbon-img,.modal-ad .rklm-img {
float: left;
margin-right: var(--tblr-space-md)
}
.tabs {
padding: 0;
margin: 0 0 1.5rem;
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.tab {
text-decoration: none;
display: inline-block;
line-height: 1;
padding: var(--tblr-space-xs) 0;
margin-bottom: -1px;
border-bottom: 2px solid transparent;
color: var(--tblr-color-text-secondary);
cursor: pointer
}
.tab:hover {
color: var(--tblr-color-text-primary)
}
.tab.active {
color: var(--tblr-color-accent);
border-bottom-color: var(--tblr-color-accent)
}
.tab:not(:first-child) {
margin-left: var(--tblr-space-xl)
}
.side-tabs-item {
display: block;
color: inherit;
border: var(--tblr-stroke-width) solid transparent;
border-right: 0;
border-radius: var(--tblr-radius-lg) 0 0 var(--tblr-radius-lg);
padding: var(--tblr-space-xl) var(--tblr-space-5xl) var(--tblr-space-xl) var(--tblr-space-xl);
cursor: pointer
}
.side-tabs-item.active {
background: var(--tblr-color-background-primary);
border-color: var(--tblr-stroke-color-secondary)
}
.side-tabs-browser {
width: 65rem
}
.placeholder {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width: 767.98px) {
.placeholder {
background-size:1248px auto
}
}
.placeholder-logo {
max-width: 12.5rem;
margin: 0 auto
}
.placeholder-description {
width: 19.5rem;
background: #fff;
box-shadow: 0 0 0 70px hsla(0,0%,100%,.88)
}
@media(max-width: 767.98px) {
.placeholder-description {
width:100%;
max-width: 20rem;
padding: 0 2rem;
box-shadow: 0 0 0 35px hsla(0,0%,100%,.88)
}
}
.form-check,.form-control,.form-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: var(--tblr-radius);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: var(--tblr-color-background-primary);
color: inherit;
text-align: left;
line-height: 1.5;
transition: var(--tblr-transition-color)
}
.form-check:focus,.form-control:focus,.form-select:focus {
border-color: var(--tblr-color-accent);
box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb),.2)
}
.form-check:hover,.form-control:hover,.form-select:hover {
border-color: var(--color-border-hover)
}
.form-label {
display: block;
margin-bottom: var(--tblr-space-xs);
font-weight: var(--tblr-font-weight-medium)
}
.form-control {
display: block;
width: 100%;
height: var(--tblr-space-3xl);
padding: calc(var(--tblr-space-xs) - 1px) var(--tblr-space-md)
}
textarea.form-control {
resize: vertical;
min-height: calc(4rem + 2px)
}
textarea.form-control[rows] {
height: auto
}
.form-control[type=search] {
background: #fff url('data:image/svg+xml;charset=UTF-8,') no-repeat var(--tblr-space-sm) center/var(--tblr-space-lg);
padding-left: var(--tblr-space-3xl)
}
.form-control[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
height: var(--tblr-space-2xl);
width: var(--tblr-space-2xl);
margin-right: calc(-1*var(--tblr-space-xs));
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat 50%/var(--tblr-space-lg);
opacity: .64;
cursor: pointer
}
.form-control[type=search]::-webkit-search-cancel-button:hover {
opacity: 1
}
.form-select {
height: var(--tblr-space-3xl);
padding: 0 var(--tblr-space-md);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: var(--tblr-space-3xl);
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: right var(--tblr-space-sm) center;
background-size: var(--tblr-space-lg)
}
.form-control-icon {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg);
margin-right: var(--tblr-space-xs);
margin-left: calc(-1*var(--tblr-space-xs));
color: var(--tblr-color-text-secondary)
}
.form-control::-moz-placeholder {
color: var(--tblr-color-text-tertiary)
}
.form-control-placeholder,.form-control::placeholder {
color: var(--tblr-color-text-tertiary)
}
.form-check {
width: var(--tblr-space-md);
height: var(--tblr-space-md);
cursor: pointer
}
.form-check.checked,.form-check:checked {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat
}
.form-check.checked.disabled,.form-check.checked:disabled,.form-check:checked.disabled,.form-check:checked:disabled {
background-image: url('data:image/svg+xml;charset=UTF-8,')
}
.form-check[type=radio] {
border-radius: var(--tblr-radius-full)
}
.form-check[type=radio].checked,.form-check[type=radio]:checked {
background-image: url('data:image/svg+xml;charset=UTF-8,')
}
.form-check[type=radio].checked.disabled,.form-check[type=radio].checked:disabled,.form-check[type=radio]:checked.disabled,.form-check[type=radio]:checked:disabled {
background-image: url('data:image/svg+xml;charset=UTF-8,')
}
.form-check-label {
display: inline-flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer
}
.form-check-text {
margin-left: var(--tblr-space-xs);
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.form-check-list {
display: flex;
flex-direction: column
}
.form-check-list>:not(:first-child) {
margin-top: var(--tblr-space-2xs)
}
.form-check-list .form-check-text {
color: var(--tblr-color-text-secondary);
transition: color .3s
}
.form-check-list .form-check:checked+.form-check-text {
color: var(--tblr-color-text-primary)
}
.form-value {
text-align: center;
font-weight: var(--tblr-font-weight-bold);
width: var(--tblr-space-4xl)
}
.form-color {
display: inline-block;
width: 1.75rem;
height: 1.75rem;
border-radius: var(--tblr-radius)
}
.form-selector {
position: relative
}
.form-selector select {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: transparent;
cursor: pointer
}
.input-color {
display: inline-block;
width: var(--tblr-space-lg);
height: var(--tblr-space-lg);
border-radius: var(--tblr-radius);
background: var(--tblr-color-text-secondary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
cursor: pointer
}
.input-color.checked {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: var(--tblr-space-md) var(--tblr-space-md);
background-position: 50%
}
.input-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
border-radius: var(--tblr-radius);
background: var(--tblr-color-background-primary);
color: var(--tblr-color-text-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
cursor: pointer
}
.input-icon .icon {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.input-icon:hover {
border-color: var(--color-border-hover);
color: var(--tblr-color-text-primary)
}
.input-icon.checked {
border-color: var(--tblr-color-accent)
}
.input-colorpicker {
background: var(--tblr-color-background-primary);
display: inline-flex;
align-items: center;
gap: var(--tblr-space-xs);
padding: 5px 8px;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full)
}
.input-colorpicker-preview {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
width: var(--tblr-space-xl);
min-width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
cursor: pointer;
border: none
}
.input-colorpicker-preview::-webkit-color-swatch-wrapper {
padding: 0
}
.input-colorpicker-preview::-webkit-color-swatch {
border: none;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
border-radius: 100%
}
.input-colorpicker-hex {
background: transparent;
font: inherit;
color: var(--tblr-primary);
text-overflow: ellipsis;
width: 100%;
height: var(--tblr-space-xl)
}
.input-colors {
display: inline-flex;
flex-direction: row;
align-items: center;
margin: calc(-1*var(--tblr-space-xs))
}
.input-colors-button {
cursor: pointer;
padding: var(--tblr-space-xs);
background: none
}
.input-colors-button:hover .input-colors-indicator {
box-shadow: 0 0 0 8px rgba(var(--color-text-rgb),.06)
}
.input-colors-indicator {
display: block;
height: var(--tblr-space-md);
width: var(--tblr-space-md);
border-radius: 100%;
outline-offset: 2px;
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
transition: outline-color .3s,box-shadow .3s
}
.input-colors-indicator.active {
outline: 2px solid var(--tblr-color-accent)
}
.form-range {
--slider-width: 0%;
width: 100%;
height: 1.75rem;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: bottom;
background: transparent
}
.form-range::-moz-range-track {
height: 4px;
background-color: var(--tblr-stroke-color-primary);
background-image: linear-gradient(to right,var(--tblr-color-accent) 0,var(--tblr-color-accent) 100%);
background-repeat: no-repeat;
background-size: var(--slider-width) 100%
}
.form-range::-ms-track {
height: 4px;
background-color: var(--tblr-stroke-color-primary);
background-image: linear-gradient(to right,var(--tblr-color-accent) 0,var(--tblr-color-accent) 100%);
background-repeat: no-repeat;
background-size: var(--slider-width) 100%
}
.form-range::-webkit-slider-runnable-track {
height: 4px;
background-color: var(--tblr-stroke-color-primary);
background-image: linear-gradient(to right,var(--tblr-color-accent) 0,var(--tblr-color-accent) 100%);
background-repeat: no-repeat;
background-size: var(--slider-width) 100%
}
.form-range::-moz-range-thumb {
-moz-appearance: none;
appearance: none;
border-radius: var(--tblr-radius-full);
background: var(--tblr-color-accent);
width: var(--tblr-space-md);
height: var(--tblr-space-md);
margin-top: calc(-.5rem + 2px);
cursor: grab
}
.form-range::-ms-thumb {
appearance: none;
border-radius: var(--tblr-radius-full);
background: var(--tblr-color-accent);
width: var(--tblr-space-md);
height: var(--tblr-space-md);
margin-top: calc(-.5rem + 2px);
cursor: grab
}
.form-range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
border-radius: var(--tblr-radius-full);
background: var(--tblr-color-accent);
width: var(--tblr-space-md);
height: var(--tblr-space-md);
margin-top: calc(-.5rem + 2px);
cursor: grab
}
.form-range:active::-moz-range-thumb {
cursor: grabbing
}
.form-range:active::-ms-thumb {
cursor: grabbing
}
.form-range:active::-webkit-slider-thumb {
cursor: grabbing
}
.form-range:focus::-moz-range-thumb {
outline: 2px solid rgba(var(--color-primary-rgb),.2);
outline-offset: 2px
}
.form-range:focus::-ms-thumb {
outline: 2px solid rgba(var(--color-primary-rgb),.2);
outline-offset: 2px
}
.form-range:focus::-webkit-slider-thumb {
outline: 2px solid rgba(var(--color-primary-rgb),.2);
outline-offset: 2px
}
.form-range:disabled {
pointer-events: none
}
.form-range-bar {
background: var(--tblr-color-accent);
height: 4px
}
.box {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius-lg);
padding: var(--tblr-space-2xl);
background: var(--tblr-color-background-primary)
}
.tooltip {
position: relative
}
.tooltip:after,.tooltip:before {
visibility: hidden;
opacity: 0;
transition: var(--tblr-transition-opacity);
pointer-events: none;
z-index: 100
}
.tooltip:before {
content: attr(data-title);
position: absolute;
display: block;
bottom: calc(100% + .5rem);
left: 50%;
background: var(--tblr-color-inverted-primary);
color: var(--tblr-color-inverted-foreground);
white-space: nowrap;
line-height: 1;
font-weight: var(--tblr-font-weight-normal);
font-size: var(--tblr-font-size-h6);
font-family: var(--font-family-base);
padding: var(--tblr-space-xs);
border-radius: var(--tblr-radius);
transform: translateX(-50%)
}
.tooltip:after {
content: "";
width: 0;
height: 0;
border-top-color: transparent;
border: var(--tblr-space-2xs) solid transparent;
border-top: var(--tblr-space-2xs) solid var(--tblr-color-text-primary);
position: absolute;
left: calc(50% - var(--tblr-space-2xs));
bottom: 100%
}
.tooltip:hover:after,.tooltip:hover:before {
opacity: 1;
visibility: visible;
transition-delay: .3s
}
.tooltip-monospaced:before {
font-family: var(--font-family-mono);
font-size: var(--tblr-font-size-h6)
}
.linenumber {
color: var(--tblr-color-text-tertiary)
}
.token {
--token-constant: #0068d6;
--token-string: #297a3a;
--token-comment: #666;
--token-keyword: #bd2864;
--token-parameter: #a35200;
--token-function: #7820bc;
--token-punctuation: #171717;
--token-link: #297a3a
}
html[data-theme=dark] .token {
--token-constant: #3d9bff;
--token-string: #48c161;
--token-comment: #999;
--token-keyword: #e06b9a;
--token-parameter: #ff850a;
--token-function: #aa5ee4;
--token-punctuation: #4a4a4a;
--token-link: #48c161
}
.token.tag {
color: var(--token-string)
}
.token.boolean,.token.class-name,.token.property {
color: var(--token-constant)
}
.token.selector,.token.string {
color: var(--token-string)
}
.token.attr-name,.token.function {
color: var(--token-function)
}
.token.attr-value,.token.keyword,.token.operator,.token.script-punctuation {
color: var(--token-keyword)
}
.token.comment {
color: var(--token-comment)
}
.pricing {
display: flex;
flex-direction: column;
margin: 0 auto;
justify-content: center
}
@media(min-width: 768px) {
.pricing {
flex-direction:row
}
}
.pricing-card {
flex: 1 1;
display: flex;
flex-direction: column;
background: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-lg);
margin: 0 0 var(--tblr-space-xl);
position: relative;
text-align: center;
border-radius: var(--tblr-radius-lg)
}
@media(min-width: 768px) {
.pricing-card {
margin:var(--tblr-space-xl) -1px;
max-width: 22rem
}
.pricing-card:first-child {
border-radius: var(--tblr-radius-lg) 0 0 var(--tblr-radius-lg)
}
.pricing-card:last-child {
border-radius: 0 var(--tblr-radius-lg) var(--tblr-radius-lg) 0
}
}
@media(min-width: 960px) {
.pricing-card {
padding:var(--tblr-space-2xl)
}
}
.pricing-card.featured {
z-index: 1;
border: 2px solid var(--tblr-color-accent);
order: -1
}
@media(min-width: 768px) {
.pricing-card.featured {
order:0;
margin-top: 0;
margin-bottom: 0;
box-shadow: 0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.04);
border-radius: var(--tblr-radius-lg)
}
}
.pricing-title {
font-size: var(--tblr-font-size-h3);
line-height: var(--tblr-line-height-h3)
}
.pricing-label {
height: var(--tblr-space-xl);
margin-top: -var(--tblr-space-md);
margin-bottom: var(--tblr-space-md);
display: flex;
align-items: center;
justify-content: center
}
.pricing-btn {
margin-top: auto;
padding-top: var(--tblr-space-xl)
}
.pricing-price {
display: flex;
justify-content: center;
font-size: var(--tblr-font-size-5xl);
line-height: 1;
margin: var(--tblr-space-md) 0
}
.pricing-price,.pricing-price-currency {
font-weight: var(--tblr-font-weight-bold)
}
.pricing-price-currency {
font-size: var(--tblr-font-size-h2);
line-height: 1.5;
margin-right: var(--tblr-space-2xs)
}
.pricing-price-description {
font-size: var(--tblr-font-size-h5);
line-height: var(--tblr-line-height-h5);
font-weight: var(--tblr-font-weight-normal);
color: var(--tblr-color-text-secondary);
align-self: center;
margin-left: var(--tblr-space-xs)
}
.pricing-features {
margin: var(--tblr-space-xl) 0 0;
padding: 0;
list-style: none;
text-align: left
}
.pricing-features>li:not(:first-child) {
margin-top: var(--tblr-space-2xs)
}
.pricing-banner {
background: var(--tblr-color-background-secondary);
margin: 0 auto;
padding: var(--tblr-space-xl);
border-radius: var(--tblr-radius-lg)
}
.price-old {
position: relative;
opacity: .66;
text-decoration: none;
font-weight: 400
}
.price-old:after {
content: "";
position: absolute;
top: 50%;
left: -2px;
right: -2px;
border-top: 2px solid;
transform: rotate(-12deg);
pointer-events: none
}
.more {
position: relative
}
.more-hover:hover .more-data {
opacity: .2;
filter: blur(2px)
}
.more-hover:hover .more-layer {
opacity: 1
}
.more-layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
display: flex;
align-items: flex-end;
justify-content: center;
background: linear-gradient(180deg,hsla(0,0%,100%,0) 50%,#fff 85%);
padding: var(--tblr-space-xl);
z-index: 1
}
.more-data,.more-layer {
transition: var(--tblr-transition-opacity)
}
.shape {
--shape-size: var(--tblr-space-3xl);
--shape-icon-size: var(--tblr-space-xl);
--shape-icon-stroke: 1.5;
width: var(--shape-size);
height: var(--shape-size);
font-size: calc(var(--shape-icon-size)*.75);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: var(--tblr-font-weight-medium);
color: var(--tblr-color-text-secondary);
background: var(--tblr-color-background-secondary);
border-radius: 35%;
vertical-align: bottom
}
.shape .icon {
stroke-width: var(--shape-icon-stroke);
width: var(--shape-icon-size);
height: var(--shape-icon-size)
}
/*! purgecss start ignore */
.shape-accent {
background: var(--tblr-color-accent-quaternary);
color: var(--tblr-color-accent)
}
.shape-fade {
background: var(--tblr-color-fade-quaternary);
color: var(--tblr-color-fade)
}
.shape-dark {
background: var(--tblr-color-dark-quaternary);
color: var(--tblr-color-dark)
}
.shape-blue {
background: var(--tblr-color-blue-quaternary);
color: var(--tblr-color-blue)
}
.shape-sky {
background: var(--tblr-color-sky-quaternary);
color: var(--tblr-color-sky)
}
.shape-brown {
background: var(--tblr-color-brown-quaternary);
color: var(--tblr-color-brown)
}
.shape-green {
background: var(--tblr-color-green-quaternary);
color: var(--tblr-color-green)
}
.shape-yellow {
background: var(--tblr-color-yellow-quaternary);
color: var(--tblr-color-yellow)
}
.shape-orange {
background: var(--tblr-color-orange-quaternary);
color: var(--tblr-color-orange)
}
.shape-red {
background: var(--tblr-color-red-quaternary);
color: var(--tblr-color-red)
}
.shape-crimson {
background: var(--tblr-color-crimson-quaternary);
color: var(--tblr-color-crimson)
}
.shape-pink {
background: var(--tblr-color-pink-quaternary);
color: var(--tblr-color-pink)
}
.shape-violet {
background: var(--tblr-color-violet-quaternary);
color: var(--tblr-color-violet)
}
.shape-white {
background: var(--tblr-color-white-quaternary);
color: var(--tblr-color-white)
}
.shape-square {
border-radius: var(--tblr-radius-lg)
}
.shape-rounded {
border-radius: var(--tblr-radius-full)
}
.shape-sm {
--shape-size: var(--tblr-space-xl);
--shape-icon-size: var(--tblr-space-md)
}
.shape-md {
--shape-size: var(--tblr-space-4xl);
--shape-icon-size: 1.75rem
}
.shape-lg {
--shape-size: var(--tblr-space-5xl);
--shape-icon-size: 2.25rem
}
/*! purgecss end ignore */
.label {
--label-color: var(--color-muted);
--label-background: rgba($color-muted,0.05);
display: inline-flex;
align-items: center;
font-size: var(--tblr-font-size-h5);
text-decoration: none;
color: var(--tblr-color-text-secondary);
line-height: var(--tblr-space-lg);
background: rgba(var(--tblr-color-text-secondary),.05);
border-radius: var(--tblr-radius);
padding: var(--tblr-space-xs) var(--tblr-space-md);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: var(--tblr-transition-color)
}
.label svg {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg);
margin: 0 var(--tblr-space-xs) 0 calc(-1*var(--tblr-space-2xs));
stroke-width: 1.5
}
.label.active,a.label:hover {
color: var(--tblr-color-text-primary);
background: rgba(59,69,78,.08)
}
.label-accent {
--label-color: var(--color-accent);
--label-background: rgba(var(--color-accent-rgb),0.1)
}
.label-red {
--label-color: var(--color-red);
--label-background: rgba(var(--color-red-rgb),0.1)
}
.label-crimson {
--label-color: var(--color-crimson);
--label-background: rgba(var(--color-crimson-rgb),0.1)
}
.label-brown {
--label-color: var(--color-brown);
--label-background: rgba(var(--color-brown-rgb),0.1)
}
.label-sky {
--label-color: var(--color-sky);
--label-background: rgba(var(--color-sky-rgb),0.1)
}
.label-dark {
--label-color: var(--color-dark);
--label-background: rgba(var(--color-dark-rgb),0.1)
}
.label-pink {
--label-color: var(--color-pink);
--label-background: rgba(var(--color-pink-rgb),0.1)
}
.label-grape {
--label-color: var(--color-grape);
--label-background: rgba(var(--color-grape-rgb),0.1)
}
.label-violet {
--label-color: var(--color-violet);
--label-background: rgba(var(--color-violet-rgb),0.1)
}
.label-indigo {
--label-color: var(--color-indigo);
--label-background: rgba(var(--color-indigo-rgb),0.1)
}
.label-blue {
--label-color: var(--color-blue);
--label-background: rgba(var(--color-blue-rgb),0.1)
}
.label-cyan {
--label-color: var(--color-cyan);
--label-background: rgba(var(--color-cyan-rgb),0.1)
}
.label-teal {
--label-color: var(--color-teal);
--label-background: rgba(var(--color-teal-rgb),0.1)
}
.label-green {
--label-color: var(--color-green);
--label-background: rgba(var(--color-green-rgb),0.1)
}
.label-lime {
--label-color: var(--color-lime);
--label-background: rgba(var(--color-lime-rgb),0.1)
}
.label-yellow {
--label-color: var(--color-yellow);
--label-background: rgba(var(--color-yellow-rgb),0.1)
}
.label-orange {
--label-color: var(--color-orange);
--label-background: rgba(var(--color-orange-rgb),0.1)
}
.label-white {
--label-color: var(--color-white);
--label-background: rgba(var(--color-white-rgb),0.1)
}
.label-important {
background: var(--label-color);
color: #fff
}
.label-sm {
font-size: var(--tblr-font-size-h6);
padding: .125rem var(--tblr-space-xs)
}
.labels-list {
display: inline-flex;
flex-wrap: wrap;
margin: 0 calc(-1*var(--tblr-space-2xs)) calc(-1*var(--tblr-space-2xs)) 0
}
.labels-list>* {
margin: 0 var(--tblr-space-2xs) var(--tblr-space-2xs) 0
}
.preview {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
background: #343a48;
color: #fff;
height: 100vh;
height: 100svh
}
.preview-navbar {
--navbar-height: var(--tblr-space-5xl);
padding: 0 var(--tblr-space-md);
height: var(--navbar-height);
line-height: var(--navbar-height);
background: var(--tblr-color-background-primary);
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
background: #1d2434
}
.preview-navbar .icon {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.preview-navbar-link {
height: var(--tblr-space-3xl);
min-width: var(--tblr-space-3xl);
display: flex;
align-items: center;
justify-content: center;
color: inherit;
background: transparent;
border: 0;
cursor: pointer;
opacity: .64;
transition: var(--tblr-transition-opacity)
}
.preview-navbar-link.active,.preview-navbar-link:hover {
color: inherit;
opacity: 1
}
.preview-navbar-devices {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
transform: translateX(-50%);
display: flex;
align-items: center
}
@media(max-width: 959.98px) {
.preview-navbar-devices {
display:none
}
}
.preview-iframe {
display: block;
max-width: 100%;
width: 100%;
flex: 1 1;
margin: 0 auto;
background: var(--tblr-color-background-primary)
}
.expandable {
--expandable-shadow-start: 50%;
--expandable-color-start: hsla(0,0%,100%,0);
position: relative;
height: 35rem;
overflow: hidden;
background: repeat-x top
}
@supports (color: color-mix(in lch,red,blue)) {
.expandable {
--expandable-color-start:color-mix(in srgb,var(--section-bg),transparent 100%)
}
}
.expandable:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: linear-gradient(to bottom,var(--expandable-color-start) var(--expandable-shadow-start),var(--section-bg) 100%);
pointer-events: none
}
.expandable:hover .expandable-hover {
opacity: 1
}
.expandable-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
opacity: 0;
transition: var(--tblr-transition-opacity)
}
.changelog {
flex-direction: column
}
.changelog,.changelog-item {
display: flex;
position: relative
}
.changelog-item {
align-items: flex-start
}
.changelog-circle {
align-items: center;
background-color: #fff;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full);
display: flex;
height: var(--tblr-space-xs);
width: var(--tblr-space-xs);
justify-content: center;
margin-left: var(--tblr-space-2xl);
margin-right: var(--tblr-space-5xl);
z-index: 1
}
.changelog-circle .icon {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.changelog-divider {
position: absolute;
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
height: calc(100% + 2rem);
top: 0;
transform: translateX(-79px)
}
.changelog-item:last-child .changelog-divider {
height: 100%
}
.changelog-left {
display: flex;
justify-content: flex-end;
align-items: center;
min-width: 280px;
padding-bottom: var(--tblr-space-xl)
}
.changelog-right {
padding-bottom: var(--tblr-space-5xl);
margin-bottom: var(--tblr-space-5xl);
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
width: 100%
}
.changelog-item:last-child .changelog-right {
margin: 0;
padding: 0;
border: 0
}
.go-to-top {
background: var(--tblr-color-accent);
color: var(--color-white);
position: fixed;
bottom: var(--tblr-space-md);
right: var(--tblr-space-md);
display: flex;
width: var(--tblr-space-3xl);
height: var(--tblr-space-3xl);
align-items: center;
justify-content: center;
border-radius: var(--tblr-radius-lg);
cursor: pointer;
transition: var(--tblr-transition-opacity);
z-index: 90;
opacity: 0;
pointer-events: none
}
.go-to-top:hover {
opacity: 1;
color: var(--color-white)
}
.go-to-top.visible {
opacity: 1;
pointer-events: auto
}
.go-to-top .icon {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.guides {
position: relative;
display: grid;
grid-gap: var(--gutter-y,2rem) var(--gutter-x,2rem);
gap: var(--gutter-y,2rem) var(--gutter-x,2rem)
}
@media(min-width: 560px) {
.guides {
padding-left:var(--tblr-space-5xl)
}
}
@media(min-width: 960px) {
.guides {
grid-template-columns:repeat(2,1fr);
padding: 0
}
.guides:after {
left: 50%
}
}
.guide {
position: relative
}
@media(min-width: 560px) {
.guide .guide-date {
display:block;
position: absolute;
top: var(--tblr-space-2xl);
z-index: 1;
color: var(--tblr-color-text-tertiary);
left: -3rem;
text-transform: uppercase;
line-height: 1.5;
font-size: 12px;
text-align: center;
width: var(--tblr-space-2xl);
padding: var(--tblr-space-md) 0
}
.guide:after {
content: "";
width: var(--tblr-space-md);
height: var(--tblr-space-md);
background: var(--tblr-color-background-primary);
z-index: 1;
position: absolute;
top: 3.5rem;
left: calc(-1*var(--tblr-space-xs) + 1px);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
transform: rotate(45deg);
clip-path: polygon(0 0,100% 100%,0 100%)
}
}
@media(min-width: 960px) {
.guide:before {
content:"";
position: absolute;
top: 6.5rem;
left: calc(100% + var(--gutter-x, 2rem)*.5);
bottom: calc(50% - 1.5rem);
width: var(--tblr-space-1);
background: var(--tblr-stroke-color-secondary)
}
.guide:first-child {
grid-row: 1/3
}
.guide:nth-child(2) {
grid-row: 2/4
}
.guide:nth-child(3) {
grid-row: 3/5
}
.guide:nth-child(4) {
grid-row: 4/6
}
.guide:nth-child(5) {
grid-row: 5/7
}
.guide:nth-child(6) {
grid-row: 6/8
}
.guide:nth-child(7) {
grid-row: 7/9
}
.guide:nth-child(8) {
grid-row: 8/10
}
.guide:nth-child(9) {
grid-row: 9/11
}
.guide:nth-child(10) {
grid-row: 10/12
}
.guide:nth-child(11) {
grid-row: 11/13
}
.guide:nth-child(12) {
grid-row: 12/14
}
.guide:nth-child(13) {
grid-row: 13/15
}
.guide:nth-child(14) {
grid-row: 14/16
}
.guide:nth-child(15) {
grid-row: 15/17
}
.guide:nth-child(16) {
grid-row: 16/18
}
.guide:nth-child(17) {
grid-row: 17/19
}
.guide:nth-child(18) {
grid-row: 18/20
}
.guide:nth-child(19) {
grid-row: 19/21
}
.guide:nth-child(20) {
grid-row: 20/22
}
.guide:nth-child(21) {
grid-row: 21/23
}
.guide:nth-child(22) {
grid-row: 22/24
}
.guide:nth-child(23) {
grid-row: 23/25
}
.guide:nth-child(24) {
grid-row: 24/26
}
.guide:nth-child(25) {
grid-row: 25/27
}
.guide:nth-child(26) {
grid-row: 26/28
}
.guide:nth-child(27) {
grid-row: 27/29
}
.guide:nth-child(28) {
grid-row: 28/30
}
.guide:nth-child(29) {
grid-row: 29/31
}
.guide .guide-date {
left: calc(100% + var(--gutter-x, 2rem)/2 - 1rem)
}
.guide:nth-child(2n) .guide-date {
left: calc(var(--gutter-x, 2rem)/-2 - 1rem)
}
.guide:nth-child(2n):before {
left: calc(var(--gutter-x, 2rem)*-.5)
}
.guide:nth-child(odd):after {
transform: rotate(-135deg);
left: calc(100% - var(--tblr-space-xs) - 1px)
}
}
.guide-date {
display: none
}
.table {
width: 100%;
border-collapse: collapse
}
.table td {
padding: var(--tblr-space-xs)
}
.sponsors,.table td {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.sponsors {
display: block;
background: var(--tblr-color-background-secondary);
padding: var(--tblr-space-2xl);
border-radius: var(--tblr-radius-lg);
margin: 3rem 0;
position: relative;
transition: var(--tblr-transition-color)
}
.sponsors:hover {
border-color: var(--tblr-stroke-color-hovered)
}
.sponsors-octocat {
position: absolute;
right: 0;
bottom: -2rem;
height: calc(100% + 2rem);
aspect-ratio: var(--tblr-ratio-square);
display: block;
width: auto;
max-height: 10rem
}
@media(min-width: 768px) {
.sponsors-octocat {
max-height:14rem
}
}
@media(min-width: 1280px) {
.sponsors-octocat {
max-height:18rem
}
}
.timeline {
display: flex;
flex-direction: column
}
.timeline-summary {
text-align: right
}
.timeline-description {
position: relative;
padding-bottom: var(--tblr-space-7xl)
}
.timeline-description:before {
content: "";
position: absolute;
left: 0;
top: calc(1rem + 3px);
bottom: calc(-1rem + 3px);
width: var(--tblr-space-1);
background: var(--tblr-stroke-color-primary)
}
.timeline-description:after {
content: "";
position: absolute;
left: -3px;
top: calc(1rem - 3px);
width: 7px;
height: 7px;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full)
}
.timeline-item:last-child .timeline-description {
padding-bottom: 0
}
.timeline-item:last-child .timeline-description:before {
bottom: 0;
background: linear-gradient(to bottom,var(--tblr-stroke-color-primary),var(--tblr-stroke-color-primary) 50%,transparent)
}
.pagination {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--tblr-space-md);
flex-wrap: wrap
}
.pagination-page {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: none;
border-radius: var(--tblr-radius);
padding: .25rem var(--tblr-space-md)
}
.illustration svg {
max-width: 100%;
height: auto
}
.illustration path {
transition: fill .3s
}
.illustration-svg {
width: 100%;
height: 100%
}
.wizard .illustration div {
padding: 20px 50px
}
.wizard .selectors {
margin-bottom: 40px
}
.wizard .selectors>div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.illustration-items {
display: grid;
grid-gap: var(--grid-gap);
grid-template-columns: repeat(auto-fit,minmax(var(--illustration-min-width),1fr))
}
@media(min-width: 768px) {
.illustration-items {
--illustration-min-width:8rem
}
}
@media(min-width: 960px) {
.illustration-items {
--illustration-min-width:10rem
}
}
.theme-switcher {
display: inline-flex;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius-full);
padding: 4px;
gap: 4px
}
.theme-switcher-button {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: transparent;
border-radius: var(--tblr-radius-full);
color: var(--tblr-color-text-secondary);
width: 1.75rem;
height: 1.75rem
}
.theme-switcher-button.active,.theme-switcher-button:hover {
background: var(--tblr-color-background-secondary);
color: var(--tblr-color-text-primary)
}
.theme-switcher-button .icon {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.gallery-image {
--gallery-image-border-radius: var(--tblr-radius-lg);
display: block;
padding: var(--tblr-space-md);
border-radius: var(--gallery-image-border-radius);
background-color: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
cursor: pointer;
position: relative
}
.gallery-image:hover .gallery-image-backdrop {
opacity: 1
}
.gallery-image.active {
outline-offset: 2px;
outline: 2px solid var(--tblr-color-accent)
}
.gallery-image-xl {
--gallery-image-border-radius: var(--tblr-radius-xl)
}
.gallery-image-backdrop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--tblr-color-accent-quaternary);
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm);
border-radius: calc(var(--gallery-image-border-radius) - 1px);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
font-size: var(--tblr-space-xl);
transition: opacity .3s,-webkit-backdrop-filter .3s;
transition: opacity .3s,backdrop-filter .3s;
transition: opacity .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s;
opacity: 0
}
.style-switcher {
display: inline-flex;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full);
padding: 3px;
gap: 4px;
background: var(--tblr-color-background-primary)
}
.style-switcher-button {
display: flex;
flex: 1 1;
align-items: center;
justify-content: center;
cursor: pointer;
background: transparent;
border-radius: var(--tblr-radius-full);
color: var(--tblr-color-text-secondary);
padding: 0 .75rem;
height: 1.75rem;
line-height: 1.75rem;
font-size: var(--tblr-font-size-h6)
}
.style-switcher-button.active,.style-switcher-button:hover {
background: var(--tblr-color-background-secondary);
color: var(--tblr-color-text-primary)
}
.style-switcher-button .icon {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.toaster {
margin: 0;
--width: 30rem!important
}
.toast {
--initial-height: auto;
font-size: var(--tblr-font-size-h6);
padding: var(--tblr-space-sm) var(--tblr-space-md)
}
.parity {
--parity-padding: var(--tblr-space-md);
padding: var(--parity-padding);
padding-right: var(--tblr-space-4xl);
color: inherit;
background: var(--tblr-color-background-secondary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
box-shadow: var(--tblr-shadow-sm);
border-radius: var(--tblr-radius-lg);
transition: var(--tblr-transition-transform);
position: relative;
display: flex;
gap: 1rem
}
.parity.bg-primary {
background: var(--tblr-color-background-primary);
border-color: var(--tblr-stroke-color-primary)
}
@media(min-width: 960px) {
.parity {
gap:2rem;
--parity-padding: var(--tblr-space-xl)
}
}
.parity.show {
transform: translateY(0)
}
.parity-flag {
font-size: 2rem
}
@media(min-width: 960px) {
.parity-flag {
line-height:0;
font-size: 4rem;
align-self: center
}
}
.parity-close {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: inherit;
opacity: .5;
background: transparent;
transition: var(--tblr-transition-opacity);
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
margin-top: auto;
margin-bottom: auto
}
.parity-close:hover {
color: inherit;
opacity: 1
}
.parity-close:hover svg {
transform: rotate(90deg)
}
.parity-close svg {
transition: var(--tblr-transition-transform);
display: block;
width: 1.5rem;
height: 1.5rem
}
.d-none {
display: none!important
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-inline-flex {
display: inline-flex!important
}
.d-block {
display: block!important
}
.d-flex {
display: flex!important
}
.d-table-cell {
display: table-cell!important
}
.gap-0 {
gap: 0!important
}
.gap-1 {
gap: var(--tblr-space-2xs)!important
}
.gap-2 {
gap: var(--tblr-space-xs)!important
}
.gap-3 {
gap: var(--tblr-space-md)!important
}
.gap-4 {
gap: var(--tblr-space-xl)!important
}
.gap-5 {
gap: var(--tblr-space-2xl)!important
}
.gap-6 {
gap: var(--tblr-space-5xl)!important
}
.gap-7 {
gap: 6.5rem!important
}
.gap-8 {
gap: 10.5rem!important
}
.flex-wrap {
flex-wrap: wrap!important
}
.flex-nowrap {
flex-wrap: nowrap!important
}
.o-hidden {
overflow: hidden!important
}
.o-auto {
overflow: auto!important
}
.opacity-0 {
opacity: 0!important
}
.opacity-25 {
opacity: .25!important
}
.opacity-50 {
opacity: .5!important
}
.opacity-75 {
opacity: .75!important
}
.opacity-100 {
opacity: 1!important
}
.text-accent {
color: var(--tblr-color-accent)!important
}
.text-red {
color: var(--tblr-color-red)!important
}
.text-crimson {
color: var(--tblr-color-crimson)!important
}
.text-brown {
color: var(--tblr-color-brown)!important
}
.text-sky {
color: var(--tblr-color-sky)!important
}
.text-dark {
color: var(--tblr-color-dark-primary)!important
}
.text-pink {
color: var(--tblr-color-pink)!important
}
.text-grape {
color: var(--tblr-color-grape)!important
}
.text-violet {
color: var(--tblr-color-violet)!important
}
.text-indigo {
color: var(--tblr-color-indigo)!important
}
.text-blue {
color: var(--tblr-color-blue)!important
}
.text-cyan {
color: var(--tblr-color-cyan)!important
}
.text-teal {
color: var(--tblr-color-teal)!important
}
.text-green {
color: var(--tblr-color-green)!important
}
.text-lime {
color: var(--tblr-color-lime)!important
}
.text-yellow {
color: var(--tblr-color-yellow)!important
}
.text-orange {
color: var(--tblr-color-orange)!important
}
.text-white {
color: var(--tblr-color-white)!important
}
.text-base {
color: var(--tblr-color-text-primary)!important
}
.text-muted,.text-secondary {
color: var(--tblr-color-text-secondary)!important
}
.text-muted-light,.text-tertiary {
color: var(--tblr-color-text-tertiary)!important
}
.text-dark-base {
color: var(--color-dark-text,hsla(0,0%,100%,.96))!important
}
.text-dark-muted {
color: var(--color-dark-muted,hsla(0,0%,100%,.5))!important
}
.text-headers {
color: var(--color-headers,var(--tblr-color-text-headings))!important
}
.text-reset {
color: inherit!important
}
.z-0 {
z-index: 0!important
}
.z-1 {
z-index: 1!important
}
.cursor-pointer {
cursor: pointer!important
}
.shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)!important
}
.shadow,.shadow-card {
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 1px 5px hsla(0,0%,5%,.05),0 0 40px hsla(0,0%,5%,.015)!important
}
.shadow-lg {
box-shadow: 0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.04)!important
}
.shadow-inset {
box-shadow: var(--tblr-shadow-inset)!important
}
.rounded {
border-radius: var(--tblr-radius)!important
}
.rounded-lg {
border-radius: var(--tblr-radius-lg)!important
}
.rounded-xl {
border-radius: var(--tblr-radius-xl)!important
}
.rounded-2xl {
border-radius: var(--tblr-radius-2xl)!important
}
.rounded-3xl {
border-radius: var(--tblr-radius-3xl)!important
}
.rounded-full {
border-radius: var(--tblr-radius-full)!important
}
.rounded-0 {
border-radius: 0!important
}
.rounded-left {
border-top-left-radius: var(--tblr-radius)!important;
border-bottom-left-radius: var(--tblr-radius)!important
}
.rounded-left-lg {
border-top-left-radius: var(--tblr-radius-lg)!important;
border-bottom-left-radius: var(--tblr-radius-lg)!important
}
.rounded-left-xl {
border-top-left-radius: var(--tblr-radius-xl)!important;
border-bottom-left-radius: var(--tblr-radius-xl)!important
}
.rounded-left-2xl {
border-top-left-radius: var(--tblr-radius-2xl)!important;
border-bottom-left-radius: var(--tblr-radius-2xl)!important
}
.rounded-left-3xl {
border-top-left-radius: var(--tblr-radius-3xl)!important;
border-bottom-left-radius: var(--tblr-radius-3xl)!important
}
.rounded-left-full {
border-top-left-radius: var(--tblr-radius-full)!important;
border-bottom-left-radius: var(--tblr-radius-full)!important
}
.rounded-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.rounded-right {
border-top-right-radius: var(--tblr-radius)!important;
border-bottom-right-radius: var(--tblr-radius)!important
}
.rounded-right-lg {
border-top-right-radius: var(--tblr-radius-lg)!important;
border-bottom-right-radius: var(--tblr-radius-lg)!important
}
.rounded-right-xl {
border-top-right-radius: var(--tblr-radius-xl)!important;
border-bottom-right-radius: var(--tblr-radius-xl)!important
}
.rounded-right-2xl {
border-top-right-radius: var(--tblr-radius-2xl)!important;
border-bottom-right-radius: var(--tblr-radius-2xl)!important
}
.rounded-right-3xl {
border-top-right-radius: var(--tblr-radius-3xl)!important;
border-bottom-right-radius: var(--tblr-radius-3xl)!important
}
.rounded-right-full {
border-top-right-radius: var(--tblr-radius-full)!important;
border-bottom-right-radius: var(--tblr-radius-full)!important
}
.rounded-right-0 {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
.bg-accent {
background-color: var(--tblr-color-accent)!important
}
.bg-red {
background-color: var(--tblr-color-red)!important
}
.bg-crimson {
background-color: var(--tblr-color-crimson)!important
}
.bg-brown {
background-color: var(--tblr-color-brown)!important
}
.bg-sky {
background-color: var(--tblr-color-sky)!important
}
.bg-dark {
background-color: var(--tblr-color-background-inverted-primary)!important
}
.bg-pink {
background-color: var(--tblr-color-pink)!important
}
.bg-grape {
background-color: var(--tblr-color-grape)!important
}
.bg-violet {
background-color: var(--tblr-color-violet)!important
}
.bg-indigo {
background-color: var(--tblr-color-indigo)!important
}
.bg-blue {
background-color: var(--tblr-color-blue)!important
}
.bg-cyan {
background-color: var(--tblr-color-cyan)!important
}
.bg-teal {
background-color: var(--tblr-color-teal)!important
}
.bg-green {
background-color: var(--tblr-color-green)!important
}
.bg-lime {
background-color: var(--tblr-color-lime)!important
}
.bg-yellow {
background-color: var(--tblr-color-yellow)!important
}
.bg-orange {
background-color: var(--tblr-color-orange)!important
}
.bg-primary {
background-color: var(--tblr-color-background-primary)!important
}
.bg-secondary {
background-color: var(--tblr-color-background-secondary)!important
}
.bg-tertiary {
background-color: var(--tblr-color-background-tertiary)!important
}
.bg-white {
background-color: var(--tblr-color-white)!important
}
.bg-light {
background-color: var(--tblr-color-background-secondary)!important
}
.bg-accent {
background: var(--tblr-color-accent)!important
}
.bg-red {
background: var(--tblr-color-red)!important
}
.bg-crimson {
background: var(--tblr-color-crimson)!important
}
.bg-brown {
background: var(--tblr-color-brown)!important
}
.bg-sky {
background: var(--tblr-color-sky)!important
}
.bg-dark {
background: var(--tblr-color-dark-primary)!important
}
.bg-pink {
background: var(--tblr-color-pink)!important
}
.bg-grape {
background: var(--tblr-color-grape)!important
}
.bg-violet {
background: var(--tblr-color-violet)!important
}
.bg-indigo {
background: var(--tblr-color-indigo)!important
}
.bg-blue {
background: var(--tblr-color-blue)!important
}
.bg-cyan {
background: var(--tblr-color-cyan)!important
}
.bg-teal {
background: var(--tblr-color-teal)!important
}
.bg-green {
background: var(--tblr-color-green)!important
}
.bg-lime {
background: var(--tblr-color-lime)!important
}
.bg-yellow {
background: var(--tblr-color-yellow)!important
}
.bg-orange {
background: var(--tblr-color-orange)!important
}
.bg-white {
background: var(--tblr-color-white)!important
}
.bg-transparent-pattern {
background: url('data:image/svg+xml;charset=UTF-8,') repeat 50%/20px 20px!important
}
.bg-dark-gradient {
background: var(--tblr-color-slate-800) url('data:image/svg+xml;charset=UTF-8,') no-repeat center/cover!important
}
.bg-green-gradient {
background: linear-gradient(90deg,#43cea2,#185a9d)!important
}
.bg-docs-gradient {
background: radial-gradient(circle at 0 0,color-mix(in srgb,var(--tblr-color-accent) 4%,transparent),transparent 80%) no-repeat 0 0/800px 800px!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-left {
text-align: left!important
}
.text-center {
text-align: center!important
}
.text-right {
text-align: right!important
}
.font-light {
font-weight: var(--tblr-font-weight-light)!important
}
.font-normal {
font-weight: var(--tblr-font-weight-normal)!important
}
.font-medium {
font-weight: var(--tblr-font-weight-medium)!important
}
.font-semibold {
font-weight: var(--tblr-font-weight-semibold)!important
}
.font-bold {
font-weight: var(--tblr-font-weight-bold)!important
}
.font-black {
font-weight: var(--tblr-font-weight-black)!important
}
.font-base {
font-family: var(--tblr-font-family-base)!important
}
.font-mono {
font-family: var(--tblr-font-family-mono)!important
}
.text-underline {
text-decoration: underline!important
}
.lh-1 {
line-height: 1!important
}
.lh-sm {
line-height: var(--tblr-line-height-sm)!important
}
.lh-base {
line-height: var(--tblr-line-height-base)!important
}
.lh-h1 {
line-height: var(--tblr-line-height-h1)!important
}
.lh-h2 {
line-height: var(--tblr-line-height-h2)!important
}
.lh-h3 {
line-height: var(--tblr-line-height-h3)!important
}
.lh-h4 {
line-height: var(--tblr-line-height-h4)!important
}
.lh-h5 {
line-height: var(--tblr-line-height-h5)!important
}
.lh-h6 {
line-height: var(--tblr-line-height-h6)!important
}
.lh-h7 {
line-height: var(--tblr-line-height-h7)!important
}
.font-h1 {
font-size: var(--tblr-font-size-h1)!important
}
.font-h2 {
font-size: var(--tblr-font-size-h2)!important
}
.font-h3 {
font-size: var(--tblr-font-size-h3)!important
}
.font-h4 {
font-size: var(--tblr-font-size-h4)!important
}
.font-h5 {
font-size: var(--tblr-font-size-h5)!important
}
.font-h6 {
font-size: var(--tblr-font-size-h6)!important
}
.font-h7 {
font-size: var(--tblr-font-size-h7)!important
}
.p-sticky {
position: sticky!important
}
.p-relative {
position: relative!important
}
.p-absolute {
position: absolute!important
}
.p-top,.p-top-center,.p-top-left,.p-top-right {
top: 0!important
}
.p-left-center,.p-right-center {
top: auto!important
}
.p-bottom,.p-bottom-center,.p-bottom-left,.p-bottom-right {
bottom: 0!important
}
.p-bottom-center,.p-bottom-left,.p-left,.p-top-center,.p-top-left {
left: 0!important
}
.p-bottom-center,.p-bottom-right,.p-right,.p-top-center,.p-top-right {
right: 0!important
}
.flex-fill {
flex: 1 1 auto!important
}
.flex-row {
flex-direction: row!important
}
.flex-column {
flex-direction: column!important
}
.flex-row-reverse {
flex-direction: row-reverse!important
}
.justify-start {
justify-content: flex-start!important
}
.justify-end {
justify-content: flex-end!important
}
.justify-center {
justify-content: center!important
}
.justify-between {
justify-content: space-between!important
}
.items-start {
align-items: flex-start!important
}
.items-end {
align-items: flex-end!important
}
.items-center {
align-items: center!important
}
.order-first {
order: -1!important
}
.order-last {
order: 6!important
}
.m-0 {
margin: 0!important
}
.m-1 {
margin: var(--tblr-space-2xs)!important
}
.m-2 {
margin: var(--tblr-space-xs)!important
}
.m-3 {
margin: var(--tblr-space-md)!important
}
.m-4 {
margin: var(--tblr-space-xl)!important
}
.m-5 {
margin: var(--tblr-space-2xl)!important
}
.m-6 {
margin: var(--tblr-space-5xl)!important
}
.m-7 {
margin: 6.5rem!important
}
.m-8 {
margin: 10.5rem!important
}
.m-n0 {
margin: calc(-1*0rem)!important
}
.m-n1 {
margin: calc(-1*var(--tblr-space-2xs))!important
}
.m-n2 {
margin: calc(-1*var(--tblr-space-xs))!important
}
.m-n3 {
margin: calc(-1*var(--tblr-space-md))!important
}
.m-n4 {
margin: calc(-1*var(--tblr-space-xl))!important
}
.m-n5 {
margin: calc(-1*var(--tblr-space-2xl))!important
}
.m-n6 {
margin: calc(-1*var(--tblr-space-5xl))!important
}
.m-n7 {
margin: calc(-1*6.5rem)!important
}
.m-n8 {
margin: calc(-1*10.5rem)!important
}
.m-auto {
margin: auto!important
}
.mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.mx-n0 {
margin-right: calc(-1*0rem)!important;
margin-left: calc(-1*0rem)!important
}
.mx-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important;
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.mx-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important;
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.mx-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important;
margin-left: calc(-1*var(--tblr-space-md))!important
}
.mx-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important;
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.mx-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important;
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.mx-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important;
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.mx-n7 {
margin-right: calc(-1*6.5rem)!important;
margin-left: calc(-1*6.5rem)!important
}
.mx-n8 {
margin-right: calc(-1*10.5rem)!important;
margin-left: calc(-1*10.5rem)!important
}
.mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.my-n0 {
margin-top: calc(-1*0rem)!important;
margin-bottom: calc(-1*0rem)!important
}
.my-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important;
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.my-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important;
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.my-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important;
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.my-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important;
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.my-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important;
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.my-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important;
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.my-n7 {
margin-top: calc(-1*6.5rem)!important;
margin-bottom: calc(-1*6.5rem)!important
}
.my-n8 {
margin-top: calc(-1*10.5rem)!important;
margin-bottom: calc(-1*10.5rem)!important
}
.my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-0 {
margin-top: 0!important
}
.mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.mt-3 {
margin-top: var(--tblr-space-md)!important
}
.mt-4 {
margin-top: var(--tblr-space-xl)!important
}
.mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.mt-6 {
margin-top: var(--tblr-space-5xl)!important
}
.mt-7 {
margin-top: 6.5rem!important
}
.mt-8 {
margin-top: 10.5rem!important
}
.mt-n0 {
margin-top: calc(-1*0rem)!important
}
.mt-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important
}
.mt-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important
}
.mt-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important
}
.mt-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important
}
.mt-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important
}
.mt-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important
}
.mt-n7 {
margin-top: calc(-1*6.5rem)!important
}
.mt-n8 {
margin-top: calc(-1*10.5rem)!important
}
.mt-auto {
margin-top: auto!important
}
.mr-0 {
margin-right: 0!important
}
.mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.mr-3 {
margin-right: var(--tblr-space-md)!important
}
.mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.mr-7 {
margin-right: 6.5rem!important
}
.mr-8 {
margin-right: 10.5rem!important
}
.mr-n0 {
margin-right: calc(-1*0rem)!important
}
.mr-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important
}
.mr-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important
}
.mr-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important
}
.mr-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important
}
.mr-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important
}
.mr-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important
}
.mr-n7 {
margin-right: calc(-1*6.5rem)!important
}
.mr-n8 {
margin-right: calc(-1*10.5rem)!important
}
.mr-auto {
margin-right: auto!important
}
.mb-0 {
margin-bottom: 0!important
}
.mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.mb-3 {
margin-bottom: var(--tblr-space-md)!important
}
.mb-4 {
margin-bottom: var(--tblr-space-xl)!important
}
.mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.mb-7 {
margin-bottom: 6.5rem!important
}
.mb-8 {
margin-bottom: 10.5rem!important
}
.mb-n0 {
margin-bottom: calc(-1*0rem)!important
}
.mb-n1 {
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.mb-n2 {
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.mb-n3 {
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.mb-n4 {
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.mb-n5 {
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.mb-n6 {
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.mb-n7 {
margin-bottom: calc(-1*6.5rem)!important
}
.mb-n8 {
margin-bottom: calc(-1*10.5rem)!important
}
.mb-auto {
margin-bottom: auto!important
}
.ml-0 {
margin-left: 0!important
}
.ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.ml-3 {
margin-left: var(--tblr-space-md)!important
}
.ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.ml-7 {
margin-left: 6.5rem!important
}
.ml-8 {
margin-left: 10.5rem!important
}
.ml-n0 {
margin-left: calc(-1*0rem)!important
}
.ml-n1 {
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.ml-n2 {
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.ml-n3 {
margin-left: calc(-1*var(--tblr-space-md))!important
}
.ml-n4 {
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.ml-n5 {
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.ml-n6 {
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.ml-n7 {
margin-left: calc(-1*6.5rem)!important
}
.ml-n8 {
margin-left: calc(-1*10.5rem)!important
}
.ml-auto {
margin-left: auto!important
}
.p-0 {
padding: 0!important
}
.p-1 {
padding: var(--tblr-space-2xs)!important
}
.p-2 {
padding: var(--tblr-space-xs)!important
}
.p-3 {
padding: var(--tblr-space-md)!important
}
.p-4 {
padding: var(--tblr-space-xl)!important
}
.p-5 {
padding: var(--tblr-space-2xl)!important
}
.p-6 {
padding: var(--tblr-space-5xl)!important
}
.p-7 {
padding: 6.5rem!important
}
.p-8 {
padding: 10.5rem!important
}
.px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.py-5 {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.py-6 {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.pt-0 {
padding-top: 0!important
}
.pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.pt-3 {
padding-top: var(--tblr-space-md)!important
}
.pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.pt-7 {
padding-top: 6.5rem!important
}
.pt-8 {
padding-top: 10.5rem!important
}
.pr-0 {
padding-right: 0!important
}
.pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.pr-3 {
padding-right: var(--tblr-space-md)!important
}
.pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.pr-7 {
padding-right: 6.5rem!important
}
.pr-8 {
padding-right: 10.5rem!important
}
.pb-0 {
padding-bottom: 0!important
}
.pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.pb-7 {
padding-bottom: 6.5rem!important
}
.pb-8 {
padding-bottom: 10.5rem!important
}
.pl-0 {
padding-left: 0!important
}
.pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.pl-3 {
padding-left: var(--tblr-space-md)!important
}
.pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.pl-7 {
padding-left: 6.5rem!important
}
.pl-8 {
padding-left: 10.5rem!important
}
.border-0 {
border: none!important
}
.border {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-secondary {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.outline-0 {
outline: none!important
}
.outline {
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.outline-secondary {
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-top-0 {
border-top: none!important
}
.border-top {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-top-light {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-right-0 {
border-right: none!important
}
.border-right {
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-right-secondary {
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-bottom-0 {
border-bottom: none!important
}
.border-bottom {
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-bottom-secondary {
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-left-0 {
border-left: none!important
}
.border-left {
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-left-secondary {
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.select-all {
-webkit-user-select: all!important;
-moz-user-select: all!important;
user-select: all!important
}
.select-auto {
-webkit-user-select: auto!important;
-moz-user-select: auto!important;
user-select: auto!important
}
.select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
user-select: none!important
}
.events-none {
pointer-events: none!important
}
.w-1p {
width: 1%!important
}
.w-50p {
width: 50%!important
}
.w-100p {
width: 100%!important
}
.w-auto {
width: auto!important
}
.w-0 {
width: 0!important
}
.w-1 {
width: var(--tblr-space-2xs)!important
}
.w-2 {
width: var(--tblr-space-xs)!important
}
.w-3 {
width: var(--tblr-space-md)!important
}
.w-4 {
width: var(--tblr-space-xl)!important
}
.w-5 {
width: var(--tblr-space-2xl)!important
}
.w-6 {
width: var(--tblr-space-5xl)!important
}
.w-7 {
width: 6.5rem!important
}
.w-8 {
width: 10.5rem!important
}
.min-w-full {
min-width: 100%!important
}
.min-w-0 {
min-width: 0!important
}
.min-w-1 {
min-width: var(--tblr-space-2xs)!important
}
.min-w-2 {
min-width: var(--tblr-space-xs)!important
}
.min-w-3 {
min-width: var(--tblr-space-md)!important
}
.min-w-4 {
min-width: var(--tblr-space-xl)!important
}
.min-w-5 {
min-width: var(--tblr-space-2xl)!important
}
.min-w-6 {
min-width: var(--tblr-space-5xl)!important
}
.min-w-7 {
min-width: 6.5rem!important
}
.min-w-8 {
min-width: 10.5rem!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.h-0 {
height: 0!important
}
.h-1 {
height: var(--tblr-space-2xs)!important
}
.h-2 {
height: var(--tblr-space-xs)!important
}
.h-3 {
height: var(--tblr-space-md)!important
}
.h-4 {
height: var(--tblr-space-xl)!important
}
.h-5 {
height: var(--tblr-space-2xl)!important
}
.h-6 {
height: var(--tblr-space-5xl)!important
}
.h-7 {
height: 6.5rem!important
}
.h-8 {
height: 10.5rem!important
}
.ratio-16x9 {
aspect-ratio: 1.7777777778!important
}
.ratio-16x9,.ratio-9x16 {
background-size: cover!important
}
.ratio-9x16 {
aspect-ratio: .5625!important
}
.ratio-4x3 {
aspect-ratio: 1.3333333333!important
}
.ratio-3x4,.ratio-4x3 {
background-size: cover!important
}
.ratio-3x4 {
aspect-ratio: .75!important
}
.ratio-2x1 {
aspect-ratio: 2!important
}
.ratio-1x2,.ratio-2x1 {
background-size: cover!important
}
.ratio-1x2 {
aspect-ratio: .5!important
}
.ratio-1x1 {
aspect-ratio: 1!important;
background-size: cover!important
}
@media(min-width: 560px) {
.sm\:d-none {
display:none!important
}
.sm\:d-inline {
display: inline!important
}
.sm\:d-inline-block {
display: inline-block!important
}
.sm\:d-inline-flex {
display: inline-flex!important
}
.sm\:d-block {
display: block!important
}
.sm\:d-flex {
display: flex!important
}
.sm\:d-table-cell {
display: table-cell!important
}
.sm\:gap-0 {
gap: 0!important
}
.sm\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.sm\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.sm\:gap-3 {
gap: var(--tblr-space-md)!important
}
.sm\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.sm\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.sm\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.sm\:gap-7 {
gap: 6.5rem!important
}
.sm\:gap-8 {
gap: 10.5rem!important
}
.sm\:text-left {
text-align: left!important
}
.sm\:text-center {
text-align: center!important
}
.sm\:text-right {
text-align: right!important
}
.sm\:flex-fill {
flex: 1 1 auto!important
}
.sm\:flex-row {
flex-direction: row!important
}
.sm\:flex-column {
flex-direction: column!important
}
.sm\:flex-row-reverse {
flex-direction: row-reverse!important
}
.sm\:justify-start {
justify-content: flex-start!important
}
.sm\:justify-end {
justify-content: flex-end!important
}
.sm\:justify-center {
justify-content: center!important
}
.sm\:justify-between {
justify-content: space-between!important
}
.sm\:items-start {
align-items: flex-start!important
}
.sm\:items-end {
align-items: flex-end!important
}
.sm\:items-center {
align-items: center!important
}
.sm\:order-first {
order: -1!important
}
.sm\:order-last {
order: 6!important
}
.sm\:m-0 {
margin: 0!important
}
.sm\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.sm\:m-2 {
margin: var(--tblr-space-xs)!important
}
.sm\:m-3 {
margin: var(--tblr-space-md)!important
}
.sm\:m-4 {
margin: var(--tblr-space-xl)!important
}
.sm\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.sm\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.sm\:m-7 {
margin: 6.5rem!important
}
.sm\:m-8 {
margin: 10.5rem!important
}
.sm\:m-n0 {
margin: calc(-1*0rem)!important
}
.sm\:m-n1 {
margin: calc(-1*var(--tblr-space-2xs))!important
}
.sm\:m-n2 {
margin: calc(-1*var(--tblr-space-xs))!important
}
.sm\:m-n3 {
margin: calc(-1*var(--tblr-space-md))!important
}
.sm\:m-n4 {
margin: calc(-1*var(--tblr-space-xl))!important
}
.sm\:m-n5 {
margin: calc(-1*var(--tblr-space-2xl))!important
}
.sm\:m-n6 {
margin: calc(-1*var(--tblr-space-5xl))!important
}
.sm\:m-n7 {
margin: calc(-1*6.5rem)!important
}
.sm\:m-n8 {
margin: calc(-1*10.5rem)!important
}
.sm\:m-auto {
margin: auto!important
}
.sm\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.sm\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.sm\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.sm\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.sm\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.sm\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.sm\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.sm\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.sm\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.sm\:mx-n0 {
margin-right: calc(-1*0rem)!important;
margin-left: calc(-1*0rem)!important
}
.sm\:mx-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important;
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.sm\:mx-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important;
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.sm\:mx-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important;
margin-left: calc(-1*var(--tblr-space-md))!important
}
.sm\:mx-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important;
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.sm\:mx-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important;
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.sm\:mx-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important;
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.sm\:mx-n7 {
margin-right: calc(-1*6.5rem)!important;
margin-left: calc(-1*6.5rem)!important
}
.sm\:mx-n8 {
margin-right: calc(-1*10.5rem)!important;
margin-left: calc(-1*10.5rem)!important
}
.sm\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.sm\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.sm\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.sm\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.sm\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.sm\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.sm\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.sm\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.sm\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.sm\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.sm\:my-n0 {
margin-top: calc(-1*0rem)!important;
margin-bottom: calc(-1*0rem)!important
}
.sm\:my-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important;
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.sm\:my-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important;
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.sm\:my-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important;
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.sm\:my-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important;
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.sm\:my-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important;
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.sm\:my-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important;
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.sm\:my-n7 {
margin-top: calc(-1*6.5rem)!important;
margin-bottom: calc(-1*6.5rem)!important
}
.sm\:my-n8 {
margin-top: calc(-1*10.5rem)!important;
margin-bottom: calc(-1*10.5rem)!important
}
.sm\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.sm\:mt-0 {
margin-top: 0!important
}
.sm\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.sm\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.sm\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.sm\:mt-4 {
margin-top: var(--tblr-space-xl)!important
}
.sm\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.sm\:mt-6 {
margin-top: var(--tblr-space-5xl)!important
}
.sm\:mt-7 {
margin-top: 6.5rem!important
}
.sm\:mt-8 {
margin-top: 10.5rem!important
}
.sm\:mt-n0 {
margin-top: calc(-1*0rem)!important
}
.sm\:mt-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important
}
.sm\:mt-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important
}
.sm\:mt-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important
}
.sm\:mt-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important
}
.sm\:mt-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important
}
.sm\:mt-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important
}
.sm\:mt-n7 {
margin-top: calc(-1*6.5rem)!important
}
.sm\:mt-n8 {
margin-top: calc(-1*10.5rem)!important
}
.sm\:mt-auto {
margin-top: auto!important
}
.sm\:mr-0 {
margin-right: 0!important
}
.sm\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.sm\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.sm\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.sm\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.sm\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.sm\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.sm\:mr-7 {
margin-right: 6.5rem!important
}
.sm\:mr-8 {
margin-right: 10.5rem!important
}
.sm\:mr-n0 {
margin-right: calc(-1*0rem)!important
}
.sm\:mr-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important
}
.sm\:mr-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important
}
.sm\:mr-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important
}
.sm\:mr-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important
}
.sm\:mr-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important
}
.sm\:mr-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important
}
.sm\:mr-n7 {
margin-right: calc(-1*6.5rem)!important
}
.sm\:mr-n8 {
margin-right: calc(-1*10.5rem)!important
}
.sm\:mr-auto {
margin-right: auto!important
}
.sm\:mb-0 {
margin-bottom: 0!important
}
.sm\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.sm\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.sm\:mb-3 {
margin-bottom: var(--tblr-space-md)!important
}
.sm\:mb-4 {
margin-bottom: var(--tblr-space-xl)!important
}
.sm\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.sm\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.sm\:mb-7 {
margin-bottom: 6.5rem!important
}
.sm\:mb-8 {
margin-bottom: 10.5rem!important
}
.sm\:mb-n0 {
margin-bottom: calc(-1*0rem)!important
}
.sm\:mb-n1 {
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.sm\:mb-n2 {
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.sm\:mb-n3 {
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.sm\:mb-n4 {
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.sm\:mb-n5 {
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.sm\:mb-n6 {
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.sm\:mb-n7 {
margin-bottom: calc(-1*6.5rem)!important
}
.sm\:mb-n8 {
margin-bottom: calc(-1*10.5rem)!important
}
.sm\:mb-auto {
margin-bottom: auto!important
}
.sm\:ml-0 {
margin-left: 0!important
}
.sm\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.sm\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.sm\:ml-3 {
margin-left: var(--tblr-space-md)!important
}
.sm\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.sm\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.sm\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.sm\:ml-7 {
margin-left: 6.5rem!important
}
.sm\:ml-8 {
margin-left: 10.5rem!important
}
.sm\:ml-n0 {
margin-left: calc(-1*0rem)!important
}
.sm\:ml-n1 {
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.sm\:ml-n2 {
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.sm\:ml-n3 {
margin-left: calc(-1*var(--tblr-space-md))!important
}
.sm\:ml-n4 {
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.sm\:ml-n5 {
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.sm\:ml-n6 {
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.sm\:ml-n7 {
margin-left: calc(-1*6.5rem)!important
}
.sm\:ml-n8 {
margin-left: calc(-1*10.5rem)!important
}
.sm\:ml-auto {
margin-left: auto!important
}
.sm\:p-0 {
padding: 0!important
}
.sm\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.sm\:p-2 {
padding: var(--tblr-space-xs)!important
}
.sm\:p-3 {
padding: var(--tblr-space-md)!important
}
.sm\:p-4 {
padding: var(--tblr-space-xl)!important
}
.sm\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.sm\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.sm\:p-7 {
padding: 6.5rem!important
}
.sm\:p-8 {
padding: 10.5rem!important
}
.sm\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.sm\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.sm\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.sm\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.sm\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.sm\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.sm\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.sm\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.sm\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.sm\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.sm\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.sm\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.sm\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.sm\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.sm\:py-5 {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.sm\:py-6 {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.sm\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.sm\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.sm\:pt-0 {
padding-top: 0!important
}
.sm\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.sm\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.sm\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.sm\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.sm\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.sm\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.sm\:pt-7 {
padding-top: 6.5rem!important
}
.sm\:pt-8 {
padding-top: 10.5rem!important
}
.sm\:pr-0 {
padding-right: 0!important
}
.sm\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.sm\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.sm\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.sm\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.sm\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.sm\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.sm\:pr-7 {
padding-right: 6.5rem!important
}
.sm\:pr-8 {
padding-right: 10.5rem!important
}
.sm\:pb-0 {
padding-bottom: 0!important
}
.sm\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.sm\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.sm\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.sm\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.sm\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.sm\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.sm\:pb-7 {
padding-bottom: 6.5rem!important
}
.sm\:pb-8 {
padding-bottom: 10.5rem!important
}
.sm\:pl-0 {
padding-left: 0!important
}
.sm\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.sm\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.sm\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.sm\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.sm\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.sm\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.sm\:pl-7 {
padding-left: 6.5rem!important
}
.sm\:pl-8 {
padding-left: 10.5rem!important
}
}
@media(min-width: 768px) {
.md\:d-none {
display:none!important
}
.md\:d-inline {
display: inline!important
}
.md\:d-inline-block {
display: inline-block!important
}
.md\:d-inline-flex {
display: inline-flex!important
}
.md\:d-block {
display: block!important
}
.md\:d-flex {
display: flex!important
}
.md\:d-table-cell {
display: table-cell!important
}
.md\:gap-0 {
gap: 0!important
}
.md\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.md\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.md\:gap-3 {
gap: var(--tblr-space-md)!important
}
.md\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.md\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.md\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.md\:gap-7 {
gap: 6.5rem!important
}
.md\:gap-8 {
gap: 10.5rem!important
}
.md\:text-left {
text-align: left!important
}
.md\:text-center {
text-align: center!important
}
.md\:text-right {
text-align: right!important
}
.md\:flex-fill {
flex: 1 1 auto!important
}
.md\:flex-row {
flex-direction: row!important
}
.md\:flex-column {
flex-direction: column!important
}
.md\:flex-row-reverse {
flex-direction: row-reverse!important
}
.md\:justify-start {
justify-content: flex-start!important
}
.md\:justify-end {
justify-content: flex-end!important
}
.md\:justify-center {
justify-content: center!important
}
.md\:justify-between {
justify-content: space-between!important
}
.md\:items-start {
align-items: flex-start!important
}
.md\:items-end {
align-items: flex-end!important
}
.md\:items-center {
align-items: center!important
}
.md\:order-first {
order: -1!important
}
.md\:order-last {
order: 6!important
}
.md\:m-0 {
margin: 0!important
}
.md\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.md\:m-2 {
margin: var(--tblr-space-xs)!important
}
.md\:m-3 {
margin: var(--tblr-space-md)!important
}
.md\:m-4 {
margin: var(--tblr-space-xl)!important
}
.md\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.md\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.md\:m-7 {
margin: 6.5rem!important
}
.md\:m-8 {
margin: 10.5rem!important
}
.md\:m-n0 {
margin: calc(-1*0rem)!important
}
.md\:m-n1 {
margin: calc(-1*var(--tblr-space-2xs))!important
}
.md\:m-n2 {
margin: calc(-1*var(--tblr-space-xs))!important
}
.md\:m-n3 {
margin: calc(-1*var(--tblr-space-md))!important
}
.md\:m-n4 {
margin: calc(-1*var(--tblr-space-xl))!important
}
.md\:m-n5 {
margin: calc(-1*var(--tblr-space-2xl))!important
}
.md\:m-n6 {
margin: calc(-1*var(--tblr-space-5xl))!important
}
.md\:m-n7 {
margin: calc(-1*6.5rem)!important
}
.md\:m-n8 {
margin: calc(-1*10.5rem)!important
}
.md\:m-auto {
margin: auto!important
}
.md\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.md\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.md\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.md\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.md\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.md\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.md\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.md\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.md\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.md\:mx-n0 {
margin-right: calc(-1*0rem)!important;
margin-left: calc(-1*0rem)!important
}
.md\:mx-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important;
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.md\:mx-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important;
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.md\:mx-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important;
margin-left: calc(-1*var(--tblr-space-md))!important
}
.md\:mx-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important;
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.md\:mx-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important;
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.md\:mx-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important;
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.md\:mx-n7 {
margin-right: calc(-1*6.5rem)!important;
margin-left: calc(-1*6.5rem)!important
}
.md\:mx-n8 {
margin-right: calc(-1*10.5rem)!important;
margin-left: calc(-1*10.5rem)!important
}
.md\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.md\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.md\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.md\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.md\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.md\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.md\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.md\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.md\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.md\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.md\:my-n0 {
margin-top: calc(-1*0rem)!important;
margin-bottom: calc(-1*0rem)!important
}
.md\:my-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important;
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.md\:my-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important;
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.md\:my-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important;
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.md\:my-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important;
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.md\:my-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important;
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.md\:my-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important;
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.md\:my-n7 {
margin-top: calc(-1*6.5rem)!important;
margin-bottom: calc(-1*6.5rem)!important
}
.md\:my-n8 {
margin-top: calc(-1*10.5rem)!important;
margin-bottom: calc(-1*10.5rem)!important
}
.md\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.md\:mt-0 {
margin-top: 0!important
}
.md\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.md\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.md\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.md\:mt-4 {
margin-top: var(--tblr-space-xl)!important
}
.md\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.md\:mt-6 {
margin-top: var(--tblr-space-5xl)!important
}
.md\:mt-7 {
margin-top: 6.5rem!important
}
.md\:mt-8 {
margin-top: 10.5rem!important
}
.md\:mt-n0 {
margin-top: calc(-1*0rem)!important
}
.md\:mt-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important
}
.md\:mt-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important
}
.md\:mt-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important
}
.md\:mt-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important
}
.md\:mt-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important
}
.md\:mt-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important
}
.md\:mt-n7 {
margin-top: calc(-1*6.5rem)!important
}
.md\:mt-n8 {
margin-top: calc(-1*10.5rem)!important
}
.md\:mt-auto {
margin-top: auto!important
}
.md\:mr-0 {
margin-right: 0!important
}
.md\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.md\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.md\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.md\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.md\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.md\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.md\:mr-7 {
margin-right: 6.5rem!important
}
.md\:mr-8 {
margin-right: 10.5rem!important
}
.md\:mr-n0 {
margin-right: calc(-1*0rem)!important
}
.md\:mr-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important
}
.md\:mr-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important
}
.md\:mr-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important
}
.md\:mr-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important
}
.md\:mr-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important
}
.md\:mr-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important
}
.md\:mr-n7 {
margin-right: calc(-1*6.5rem)!important
}
.md\:mr-n8 {
margin-right: calc(-1*10.5rem)!important
}
.md\:mr-auto {
margin-right: auto!important
}
.md\:mb-0 {
margin-bottom: 0!important
}
.md\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.md\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.md\:mb-3 {
margin-bottom: var(--tblr-space-md)!important
}
.md\:mb-4 {
margin-bottom: var(--tblr-space-xl)!important
}
.md\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.md\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.md\:mb-7 {
margin-bottom: 6.5rem!important
}
.md\:mb-8 {
margin-bottom: 10.5rem!important
}
.md\:mb-n0 {
margin-bottom: calc(-1*0rem)!important
}
.md\:mb-n1 {
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.md\:mb-n2 {
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.md\:mb-n3 {
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.md\:mb-n4 {
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.md\:mb-n5 {
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.md\:mb-n6 {
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.md\:mb-n7 {
margin-bottom: calc(-1*6.5rem)!important
}
.md\:mb-n8 {
margin-bottom: calc(-1*10.5rem)!important
}
.md\:mb-auto {
margin-bottom: auto!important
}
.md\:ml-0 {
margin-left: 0!important
}
.md\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.md\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.md\:ml-3 {
margin-left: var(--tblr-space-md)!important
}
.md\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.md\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.md\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.md\:ml-7 {
margin-left: 6.5rem!important
}
.md\:ml-8 {
margin-left: 10.5rem!important
}
.md\:ml-n0 {
margin-left: calc(-1*0rem)!important
}
.md\:ml-n1 {
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.md\:ml-n2 {
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.md\:ml-n3 {
margin-left: calc(-1*var(--tblr-space-md))!important
}
.md\:ml-n4 {
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.md\:ml-n5 {
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.md\:ml-n6 {
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.md\:ml-n7 {
margin-left: calc(-1*6.5rem)!important
}
.md\:ml-n8 {
margin-left: calc(-1*10.5rem)!important
}
.md\:ml-auto {
margin-left: auto!important
}
.md\:p-0 {
padding: 0!important
}
.md\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.md\:p-2 {
padding: var(--tblr-space-xs)!important
}
.md\:p-3 {
padding: var(--tblr-space-md)!important
}
.md\:p-4 {
padding: var(--tblr-space-xl)!important
}
.md\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.md\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.md\:p-7 {
padding: 6.5rem!important
}
.md\:p-8 {
padding: 10.5rem!important
}
.md\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.md\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.md\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.md\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.md\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.md\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.md\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.md\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.md\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.md\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.md\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.md\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.md\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.md\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.md\:py-5 {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.md\:py-6 {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.md\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.md\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.md\:pt-0 {
padding-top: 0!important
}
.md\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.md\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.md\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.md\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.md\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.md\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.md\:pt-7 {
padding-top: 6.5rem!important
}
.md\:pt-8 {
padding-top: 10.5rem!important
}
.md\:pr-0 {
padding-right: 0!important
}
.md\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.md\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.md\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.md\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.md\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.md\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.md\:pr-7 {
padding-right: 6.5rem!important
}
.md\:pr-8 {
padding-right: 10.5rem!important
}
.md\:pb-0 {
padding-bottom: 0!important
}
.md\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.md\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.md\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.md\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.md\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.md\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.md\:pb-7 {
padding-bottom: 6.5rem!important
}
.md\:pb-8 {
padding-bottom: 10.5rem!important
}
.md\:pl-0 {
padding-left: 0!important
}
.md\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.md\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.md\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.md\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.md\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.md\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.md\:pl-7 {
padding-left: 6.5rem!important
}
.md\:pl-8 {
padding-left: 10.5rem!important
}
}
@media(min-width: 960px) {
.lg\:d-none {
display:none!important
}
.lg\:d-inline {
display: inline!important
}
.lg\:d-inline-block {
display: inline-block!important
}
.lg\:d-inline-flex {
display: inline-flex!important
}
.lg\:d-block {
display: block!important
}
.lg\:d-flex {
display: flex!important
}
.lg\:d-table-cell {
display: table-cell!important
}
.lg\:gap-0 {
gap: 0!important
}
.lg\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.lg\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.lg\:gap-3 {
gap: var(--tblr-space-md)!important
}
.lg\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.lg\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.lg\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.lg\:gap-7 {
gap: 6.5rem!important
}
.lg\:gap-8 {
gap: 10.5rem!important
}
.lg\:text-left {
text-align: left!important
}
.lg\:text-center {
text-align: center!important
}
.lg\:text-right {
text-align: right!important
}
.lg\:flex-fill {
flex: 1 1 auto!important
}
.lg\:flex-row {
flex-direction: row!important
}
.lg\:flex-column {
flex-direction: column!important
}
.lg\:flex-row-reverse {
flex-direction: row-reverse!important
}
.lg\:justify-start {
justify-content: flex-start!important
}
.lg\:justify-end {
justify-content: flex-end!important
}
.lg\:justify-center {
justify-content: center!important
}
.lg\:justify-between {
justify-content: space-between!important
}
.lg\:items-start {
align-items: flex-start!important
}
.lg\:items-end {
align-items: flex-end!important
}
.lg\:items-center {
align-items: center!important
}
.lg\:order-first {
order: -1!important
}
.lg\:order-last {
order: 6!important
}
.lg\:m-0 {
margin: 0!important
}
.lg\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.lg\:m-2 {
margin: var(--tblr-space-xs)!important
}
.lg\:m-3 {
margin: var(--tblr-space-md)!important
}
.lg\:m-4 {
margin: var(--tblr-space-xl)!important
}
.lg\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.lg\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.lg\:m-7 {
margin: 6.5rem!important
}
.lg\:m-8 {
margin: 10.5rem!important
}
.lg\:m-n0 {
margin: calc(-1*0rem)!important
}
.lg\:m-n1 {
margin: calc(-1*var(--tblr-space-2xs))!important
}
.lg\:m-n2 {
margin: calc(-1*var(--tblr-space-xs))!important
}
.lg\:m-n3 {
margin: calc(-1*var(--tblr-space-md))!important
}
.lg\:m-n4 {
margin: calc(-1*var(--tblr-space-xl))!important
}
.lg\:m-n5 {
margin: calc(-1*var(--tblr-space-2xl))!important
}
.lg\:m-n6 {
margin: calc(-1*var(--tblr-space-5xl))!important
}
.lg\:m-n7 {
margin: calc(-1*6.5rem)!important
}
.lg\:m-n8 {
margin: calc(-1*10.5rem)!important
}
.lg\:m-auto {
margin: auto!important
}
.lg\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.lg\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.lg\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.lg\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.lg\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.lg\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.lg\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.lg\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.lg\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.lg\:mx-n0 {
margin-right: calc(-1*0rem)!important;
margin-left: calc(-1*0rem)!important
}
.lg\:mx-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important;
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.lg\:mx-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important;
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.lg\:mx-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important;
margin-left: calc(-1*var(--tblr-space-md))!important
}
.lg\:mx-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important;
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.lg\:mx-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important;
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.lg\:mx-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important;
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.lg\:mx-n7 {
margin-right: calc(-1*6.5rem)!important;
margin-left: calc(-1*6.5rem)!important
}
.lg\:mx-n8 {
margin-right: calc(-1*10.5rem)!important;
margin-left: calc(-1*10.5rem)!important
}
.lg\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.lg\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.lg\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.lg\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.lg\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.lg\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.lg\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.lg\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.lg\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.lg\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.lg\:my-n0 {
margin-top: calc(-1*0rem)!important;
margin-bottom: calc(-1*0rem)!important
}
.lg\:my-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important;
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.lg\:my-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important;
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.lg\:my-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important;
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.lg\:my-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important;
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.lg\:my-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important;
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.lg\:my-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important;
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.lg\:my-n7 {
margin-top: calc(-1*6.5rem)!important;
margin-bottom: calc(-1*6.5rem)!important
}
.lg\:my-n8 {
margin-top: calc(-1*10.5rem)!important;
margin-bottom: calc(-1*10.5rem)!important
}
.lg\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.lg\:mt-0 {
margin-top: 0!important
}
.lg\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.lg\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.lg\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.lg\:mt-4 {
margin-top: var(--tblr-space-xl)!important
}
.lg\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.lg\:mt-6 {
margin-top: var(--tblr-space-5xl)!important
}
.lg\:mt-7 {
margin-top: 6.5rem!important
}
.lg\:mt-8 {
margin-top: 10.5rem!important
}
.lg\:mt-n0 {
margin-top: calc(-1*0rem)!important
}
.lg\:mt-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important
}
.lg\:mt-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important
}
.lg\:mt-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important
}
.lg\:mt-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important
}
.lg\:mt-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important
}
.lg\:mt-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important
}
.lg\:mt-n7 {
margin-top: calc(-1*6.5rem)!important
}
.lg\:mt-n8 {
margin-top: calc(-1*10.5rem)!important
}
.lg\:mt-auto {
margin-top: auto!important
}
.lg\:mr-0 {
margin-right: 0!important
}
.lg\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.lg\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.lg\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.lg\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.lg\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.lg\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.lg\:mr-7 {
margin-right: 6.5rem!important
}
.lg\:mr-8 {
margin-right: 10.5rem!important
}
.lg\:mr-n0 {
margin-right: calc(-1*0rem)!important
}
.lg\:mr-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important
}
.lg\:mr-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important
}
.lg\:mr-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important
}
.lg\:mr-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important
}
.lg\:mr-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important
}
.lg\:mr-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important
}
.lg\:mr-n7 {
margin-right: calc(-1*6.5rem)!important
}
.lg\:mr-n8 {
margin-right: calc(-1*10.5rem)!important
}
.lg\:mr-auto {
margin-right: auto!important
}
.lg\:mb-0 {
margin-bottom: 0!important
}
.lg\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.lg\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.lg\:mb-3 {
margin-bottom: var(--tblr-space-md)!important
}
.lg\:mb-4 {
margin-bottom: var(--tblr-space-xl)!important
}
.lg\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.lg\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.lg\:mb-7 {
margin-bottom: 6.5rem!important
}
.lg\:mb-8 {
margin-bottom: 10.5rem!important
}
.lg\:mb-n0 {
margin-bottom: calc(-1*0rem)!important
}
.lg\:mb-n1 {
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.lg\:mb-n2 {
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.lg\:mb-n3 {
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.lg\:mb-n4 {
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.lg\:mb-n5 {
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.lg\:mb-n6 {
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.lg\:mb-n7 {
margin-bottom: calc(-1*6.5rem)!important
}
.lg\:mb-n8 {
margin-bottom: calc(-1*10.5rem)!important
}
.lg\:mb-auto {
margin-bottom: auto!important
}
.lg\:ml-0 {
margin-left: 0!important
}
.lg\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.lg\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.lg\:ml-3 {
margin-left: var(--tblr-space-md)!important
}
.lg\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.lg\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.lg\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.lg\:ml-7 {
margin-left: 6.5rem!important
}
.lg\:ml-8 {
margin-left: 10.5rem!important
}
.lg\:ml-n0 {
margin-left: calc(-1*0rem)!important
}
.lg\:ml-n1 {
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.lg\:ml-n2 {
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.lg\:ml-n3 {
margin-left: calc(-1*var(--tblr-space-md))!important
}
.lg\:ml-n4 {
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.lg\:ml-n5 {
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.lg\:ml-n6 {
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.lg\:ml-n7 {
margin-left: calc(-1*6.5rem)!important
}
.lg\:ml-n8 {
margin-left: calc(-1*10.5rem)!important
}
.lg\:ml-auto {
margin-left: auto!important
}
.lg\:p-0 {
padding: 0!important
}
.lg\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.lg\:p-2 {
padding: var(--tblr-space-xs)!important
}
.lg\:p-3 {
padding: var(--tblr-space-md)!important
}
.lg\:p-4 {
padding: var(--tblr-space-xl)!important
}
.lg\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.lg\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.lg\:p-7 {
padding: 6.5rem!important
}
.lg\:p-8 {
padding: 10.5rem!important
}
.lg\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.lg\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.lg\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.lg\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.lg\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.lg\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.lg\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.lg\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.lg\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.lg\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.lg\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.lg\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.lg\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.lg\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.lg\:py-5 {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.lg\:py-6 {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.lg\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.lg\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.lg\:pt-0 {
padding-top: 0!important
}
.lg\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.lg\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.lg\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.lg\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.lg\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.lg\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.lg\:pt-7 {
padding-top: 6.5rem!important
}
.lg\:pt-8 {
padding-top: 10.5rem!important
}
.lg\:pr-0 {
padding-right: 0!important
}
.lg\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.lg\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.lg\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.lg\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.lg\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.lg\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.lg\:pr-7 {
padding-right: 6.5rem!important
}
.lg\:pr-8 {
padding-right: 10.5rem!important
}
.lg\:pb-0 {
padding-bottom: 0!important
}
.lg\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.lg\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.lg\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.lg\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.lg\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.lg\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.lg\:pb-7 {
padding-bottom: 6.5rem!important
}
.lg\:pb-8 {
padding-bottom: 10.5rem!important
}
.lg\:pl-0 {
padding-left: 0!important
}
.lg\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.lg\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.lg\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.lg\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.lg\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.lg\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.lg\:pl-7 {
padding-left: 6.5rem!important
}
.lg\:pl-8 {
padding-left: 10.5rem!important
}
}
@media(min-width: 1280px) {
.xl\:d-none {
display:none!important
}
.xl\:d-inline {
display: inline!important;
}
.xl\:d-inline-block {
display: inline-block!important
}
.xl\:d-inline-flex {
display: inline-flex!important
}
.xl\:d-block {
display: block!important
}
.xl\:d-flex {
display: flex!important
}
.xl\:d-table-cell {
display: table-cell!important
}
.xl\:gap-0 {
gap: 0!important
}
.xl\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.xl\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.xl\:gap-3 {
gap: var(--tblr-space-md)!important
}
.xl\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.xl\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.xl\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.xl\:gap-7 {
gap: 6.5rem!important
}
.xl\:gap-8 {
gap: 10.5rem!important
}
.xl\:text-left {
text-align: left!important
}
.xl\:text-center {
text-align: center!important
}
.xl\:text-right {
text-align: right!important
}
.xl\:flex-fill {
flex: 1 1 auto!important
}
.xl\:flex-row {
flex-direction: row!important
}
.xl\:flex-column {
flex-direction: column!important
}
.xl\:flex-row-reverse {
flex-direction: row-reverse!important
}
.xl\:justify-start {
justify-content: flex-start!important
}
.xl\:justify-end {
justify-content: flex-end!important
}
.xl\:justify-center {
justify-content: center!important
}
.xl\:justify-between {
justify-content: space-between!important
}
.xl\:items-start {
align-items: flex-start!important
}
.xl\:items-end {
align-items: flex-end!important
}
.xl\:items-center {
align-items: center!important
}
.xl\:order-first {
order: -1!important
}
.xl\:order-last {
order: 6!important
}
.xl\:m-0 {
margin: 0!important
}
.xl\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.xl\:m-2 {
margin: var(--tblr-space-xs)!important
}
.xl\:m-3 {
margin: var(--tblr-space-md)!important
}
.xl\:m-4 {
margin: var(--tblr-space-xl)!important
}
.xl\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.xl\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.xl\:m-7 {
margin: 6.5rem!important
}
.xl\:m-8 {
margin: 10.5rem!important
}
.xl\:m-n0 {
margin: calc(-1*0rem)!important
}
.xl\:m-n1 {
margin: calc(-1*var(--tblr-space-2xs))!important
}
.xl\:m-n2 {
margin: calc(-1*var(--tblr-space-xs))!important
}
.xl\:m-n3 {
margin: calc(-1*var(--tblr-space-md))!important
}
.xl\:m-n4 {
margin: calc(-1*var(--tblr-space-xl))!important
}
.xl\:m-n5 {
margin: calc(-1*var(--tblr-space-2xl))!important
}
.xl\:m-n6 {
margin: calc(-1*var(--tblr-space-5xl))!important
}
.xl\:m-n7 {
margin: calc(-1*6.5rem)!important
}
.xl\:m-n8 {
margin: calc(-1*10.5rem)!important
}
.xl\:m-auto {
margin: auto!important
}
.xl\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.xl\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.xl\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.xl\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.xl\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.xl\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.xl\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.xl\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.xl\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.xl\:mx-n0 {
margin-right: calc(-1*0rem)!important;
margin-left: calc(-1*0rem)!important
}
.xl\:mx-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important;
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.xl\:mx-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important;
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.xl\:mx-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important;
margin-left: calc(-1*var(--tblr-space-md))!important
}
.xl\:mx-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important;
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.xl\:mx-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important;
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.xl\:mx-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important;
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.xl\:mx-n7 {
margin-right: calc(-1*6.5rem)!important;
margin-left: calc(-1*6.5rem)!important
}
.xl\:mx-n8 {
margin-right: calc(-1*10.5rem)!important;
margin-left: calc(-1*10.5rem)!important
}
.xl\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.xl\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.xl\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.xl\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.xl\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.xl\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.xl\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.xl\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.xl\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.xl\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.xl\:my-n0 {
margin-top: calc(-1*0rem)!important;
margin-bottom: calc(-1*0rem)!important
}
.xl\:my-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important;
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.xl\:my-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important;
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.xl\:my-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important;
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.xl\:my-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important;
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.xl\:my-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important;
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.xl\:my-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important;
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.xl\:my-n7 {
margin-top: calc(-1*6.5rem)!important;
margin-bottom: calc(-1*6.5rem)!important
}
.xl\:my-n8 {
margin-top: calc(-1*10.5rem)!important;
margin-bottom: calc(-1*10.5rem)!important
}
.xl\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.xl\:mt-0 {
margin-top: 0!important
}
.xl\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.xl\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.xl\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.xl\:mt-4 {
margin-top: var(--tblr-space-xl)!important
}
.xl\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.xl\:mt-6 {
margin-top: var(--tblr-space-5xl)!important
}
.xl\:mt-7 {
margin-top: 6.5rem!important
}
.xl\:mt-8 {
margin-top: 10.5rem!important
}
.xl\:mt-n0 {
margin-top: calc(-1*0rem)!important
}
.xl\:mt-n1 {
margin-top: calc(-1*var(--tblr-space-2xs))!important
}
.xl\:mt-n2 {
margin-top: calc(-1*var(--tblr-space-xs))!important
}
.xl\:mt-n3 {
margin-top: calc(-1*var(--tblr-space-md))!important
}
.xl\:mt-n4 {
margin-top: calc(-1*var(--tblr-space-xl))!important
}
.xl\:mt-n5 {
margin-top: calc(-1*var(--tblr-space-2xl))!important
}
.xl\:mt-n6 {
margin-top: calc(-1*var(--tblr-space-5xl))!important
}
.xl\:mt-n7 {
margin-top: calc(-1*6.5rem)!important
}
.xl\:mt-n8 {
margin-top: calc(-1*10.5rem)!important
}
.xl\:mt-auto {
margin-top: auto!important
}
.xl\:mr-0 {
margin-right: 0!important
}
.xl\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.xl\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.xl\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.xl\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.xl\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.xl\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.xl\:mr-7 {
margin-right: 6.5rem!important
}
.xl\:mr-8 {
margin-right: 10.5rem!important
}
.xl\:mr-n0 {
margin-right: calc(-1*0rem)!important
}
.xl\:mr-n1 {
margin-right: calc(-1*var(--tblr-space-2xs))!important
}
.xl\:mr-n2 {
margin-right: calc(-1*var(--tblr-space-xs))!important
}
.xl\:mr-n3 {
margin-right: calc(-1*var(--tblr-space-md))!important
}
.xl\:mr-n4 {
margin-right: calc(-1*var(--tblr-space-xl))!important
}
.xl\:mr-n5 {
margin-right: calc(-1*var(--tblr-space-2xl))!important
}
.xl\:mr-n6 {
margin-right: calc(-1*var(--tblr-space-5xl))!important
}
.xl\:mr-n7 {
margin-right: calc(-1*6.5rem)!important
}
.xl\:mr-n8 {
margin-right: calc(-1*10.5rem)!important
}
.xl\:mr-auto {
margin-right: auto!important
}
.xl\:mb-0 {
margin-bottom: 0!important
}
.xl\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.xl\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.xl\:mb-3 {
margin-bottom: var(--tblr-space-md)!important
}
.xl\:mb-4 {
margin-bottom: var(--tblr-space-xl)!important
}
.xl\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.xl\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.xl\:mb-7 {
margin-bottom: 6.5rem!important
}
.xl\:mb-8 {
margin-bottom: 10.5rem!important
}
.xl\:mb-n0 {
margin-bottom: calc(-1*0rem)!important
}
.xl\:mb-n1 {
margin-bottom: calc(-1*var(--tblr-space-2xs))!important
}
.xl\:mb-n2 {
margin-bottom: calc(-1*var(--tblr-space-xs))!important
}
.xl\:mb-n3 {
margin-bottom: calc(-1*var(--tblr-space-md))!important
}
.xl\:mb-n4 {
margin-bottom: calc(-1*var(--tblr-space-xl))!important
}
.xl\:mb-n5 {
margin-bottom: calc(-1*var(--tblr-space-2xl))!important
}
.xl\:mb-n6 {
margin-bottom: calc(-1*var(--tblr-space-5xl))!important
}
.xl\:mb-n7 {
margin-bottom: calc(-1*6.5rem)!important
}
.xl\:mb-n8 {
margin-bottom: calc(-1*10.5rem)!important
}
.xl\:mb-auto {
margin-bottom: auto!important
}
.xl\:ml-0 {
margin-left: 0!important
}
.xl\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.xl\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.xl\:ml-3 {
margin-left: var(--tblr-space-md)!important
}
.xl\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.xl\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.xl\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.xl\:ml-7 {
margin-left: 6.5rem!important
}
.xl\:ml-8 {
margin-left: 10.5rem!important
}
.xl\:ml-n0 {
margin-left: calc(-1*0rem)!important
}
.xl\:ml-n1 {
margin-left: calc(-1*var(--tblr-space-2xs))!important
}
.xl\:ml-n2 {
margin-left: calc(-1*var(--tblr-space-xs))!important
}
.xl\:ml-n3 {
margin-left: calc(-1*var(--tblr-space-md))!important
}
.xl\:ml-n4 {
margin-left: calc(-1*var(--tblr-space-xl))!important
}
.xl\:ml-n5 {
margin-left: calc(-1*var(--tblr-space-2xl))!important
}
.xl\:ml-n6 {
margin-left: calc(-1*var(--tblr-space-5xl))!important
}
.xl\:ml-n7 {
margin-left: calc(-1*6.5rem)!important
}
.xl\:ml-n8 {
margin-left: calc(-1*10.5rem)!important
}
.xl\:ml-auto {
margin-left: auto!important
}
.xl\:p-0 {
padding: 0!important
}
.xl\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.xl\:p-2 {
padding: var(--tblr-space-xs)!important
}
.xl\:p-3 {
padding: var(--tblr-space-md)!important
}
.xl\:p-4 {
padding: var(--tblr-space-xl)!important
}
.xl\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.xl\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.xl\:p-7 {
padding: 6.5rem!important
}
.xl\:p-8 {
padding: 10.5rem!important
}
.xl\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.xl\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.xl\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.xl\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.xl\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.xl\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.xl\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.xl\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.xl\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.xl\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.xl\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.xl\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.xl\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.xl\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.xl\:py-5 {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.xl\:py-6 {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.xl\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.xl\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.xl\:pt-0 {
padding-top: 0!important
}
.xl\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.xl\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.xl\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.xl\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.xl\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.xl\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.xl\:pt-7 {
padding-top: 6.5rem!important
}
.xl\:pt-8 {
padding-top: 10.5rem!important
}
.xl\:pr-0 {
padding-right: 0!important
}
.xl\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.xl\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.xl\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.xl\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.xl\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.xl\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.xl\:pr-7 {
padding-right: 6.5rem!important
}
.xl\:pr-8 {
padding-right: 10.5rem!important
}
.xl\:pb-0 {
padding-bottom: 0!important
}
.xl\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.xl\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.xl\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.xl\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.xl\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.xl\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.xl\:pb-7 {
padding-bottom: 6.5rem!important
}
.xl\:pb-8 {
padding-bottom: 10.5rem!important
}
.xl\:pl-0 {
padding-left: 0!important
}
.xl\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.xl\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.xl\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.xl\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.xl\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.xl\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.xl\:pl-7 {
padding-left: 6.5rem!important
}
.xl\:pl-8 {
padding-left: 10.5rem!important
}
}
@media print {
.print\:d-none {
display: none!important
}
.print\:d-inline {
display: inline!important
}
.print\:d-inline-block {
display: inline-block!important
}
.print\:d-inline-flex {
display: inline-flex!important
}
.print\:d-block {
display: block!important
}
.print\:d-flex {
display: flex!important
}
.print\:d-table-cell {
display: table-cell!important
}
}
@keyframes float {
0%,to {
transform: translateY(0)
}
50% {
transform: translateY(-3%)
}
}
.animate-float {
animation: float 3s ease-in-out infinite
}
.glide {
position: relative;
width: 100%;
box-sizing: border-box
}
.glide * {
box-sizing: inherit
}
.glide__slides,.glide__track {
overflow: hidden
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
margin: 0;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform
}
.glide__slide,.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: normal;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none
}
.glide__arrows,.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.glide--rtl {
direction: rtl
}
.glide__arrow {
position: absolute;
top: 50%;
left: 0;
background: transparent;
margin-top: -1.5rem;
color: var(--tblr-color-text-secondary);
opacity: .25;
cursor: pointer;
transition: var(--tblr-transition-opacity)
}
.glide__arrow:hover {
opacity: 1
}
.glide__arrow svg {
height: var(--tblr-space-4xl);
width: var(--tblr-space-4xl);
stroke-width: 1
}
.glide__arrow--next {
left: auto;
right: 0
}
:root {
--docsearch-primary-color: var(--tblr-color-accent);
--docsearch-muted-color: var(--tblr-color-text-secondary);
--docsearch-text-color: var(--tblr-color-text-primary);
--docsearch-spacing: var(--tblr-space-md);
--docsearch-hit-color: var(--tblr-color-text-secondary);
--docsearch-hit-background: transparent!important;
--docsearch-hit-active-color: var(--tblr-color-text-primary);
--docsearch-highlight-color: var(--tblr-color-text-secondary);
--docsearch-hit-shadow: none;
--docsearch-hit-height: auto;
--docsearch-container-background: rgba(59,69,78,.4);
--docsearch-modal-background: var(--tblr-color-background-primary)!important;
--docsearch-modal-shadow: 0 20px 40px 0 rgba(59,69,78,.1),0 0 2px 0 rgba(59,69,78,.06);
--docsearch-footer-background: var(--tblr-color-background-primary)!important;
--docsearch-footer-shadow: 0px -1px 0 0px var(--tblr-stroke-color-secondary)!important;
--docsearch-searchbox-focus-background: var(--tblr-color-background-secondary)!important;
--docsearch-searchbox-shadow: inset 0 0 0 1px var(--tblr-stroke-color-primary);
--docsearch-searchbox-height: var(--tblr-space-4xl);
--docsearch-key-shadow: none;
--docsearch-key-gradient: var(--tblr-color-background-secondary)
}
.DocSearch-Dropdown {
padding: 0 var(--docsearch-spacing) var(--docsearch-spacing)
}
.DocSearch-Container {
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm)
}
.DocSearch-Input {
font-size: inherit
}
.DocSearch-SearchBar {
padding: var(--docsearch-spacing)
}
.DocSearch-MagnifierLabel {
color: var(--docsearch-muted-color)
}
.DocSearch-Hit-source {
color: var(--tblr-color-text-primary);
padding: 0;
margin: 0
}
.DocSearch-Hit[aria-selected=true] a {
background: var(--tblr-color-background-secondary);
color: var(--tblr-color-text-primary)
}
.DocSearch-Hit-icon {
display: none
}
.DocSearch-Hit-action-button {
color: var(--color-muted-light)
}
.DocSearch-Hit-Container {
padding: var(--tblr-space-xs) 0
}
.DocSearch-Hit-content-wrapper {
font-weight: 400;
margin-left: 0
}
.DocSearch-Hit-Tree,.DocSearch-HitsFooter {
display: none
}
.DocSearch-Title {
margin: 0
}
.DocSearch-NoResults-Prefill-List {
display: none
}
body {
--yarl__color_backdrop: rgba(59,69,78,.4);
--yarl__color_button: var(--tblr-color-text-on-dark);
--yarl__button_filter: none;
--yarl__thumbnails_thumbnail_background: #fff
}
.yarl__container {
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm)
}
.lemonsqueezy-loader {
background: hsla(0,0%,60%,.64)!important
}
.img-dark {
display: none!important
}
[data-theme=dark] .logo-autodark {
filter: invert(1) brightness(10)
}
[data-theme=dark] .img-light {
display: none!important
}
[data-theme=dark] .img-dark {
display: block!important
}
@media(prefers-color-scheme: dark) {
[data-theme=system] .logo-autodark {
filter:invert(1) brightness(10)
}
[data-theme=system] .img-light {
display: none!important
}
[data-theme=system] .img-dark {
display: block!important
}
}