/* Reference styles, localized and expanded for editing. Original bytes and provenance are preserved in assets/landing-originals. */
:root{
--color-white:hsl(0 0% 100%);
--color-neutral-050:hsl(40 43% 99%);
--color-neutral-100:hsl(60 20% 96%);
--color-neutral-200:hsl(60 19% 93%);
--color-neutral-300:hsl(51 11% 88%);
--color-neutral-400:hsl(53 8% 78%);
--color-neutral-500:hsl(60 4% 62%);
--color-neutral-600:hsl(60 3% 54%);
--color-neutral-700:hsl(60 3% 42%);
--color-neutral-800:hsl(60 3% 28%);
--color-neutral-900:hsl(48 5% 20%);
--color-brand-primary:var(--color-green-300);
--color-brand-mid:var(--color-green-800);
--color-brand-dark:var(--color-green-900);
--color-green-050:hsl(107 47% 94%);
--color-green-100:hsl(105 53% 88%);
--color-green-200:hsl(106 61% 83%);
--color-green-300:hsl(105 68% 77%);
--color-green-400:hsl(114 50% 69%);
--color-green-500:hsl(124 38% 60%);
--color-green-600:hsl(131 32% 45%);
--color-green-700:hsl(139 37% 32%);
--color-green-800:hsl(177 22% 20%);
--color-green-900:hsl(176 20% 16%);
--color-aqua-050:hsl(174 68% 94%);
--color-aqua-100:hsl(175 63% 88%);
--color-aqua-200:hsl(174 64% 82%);
--color-aqua-300:hsl(174 64% 77%);
--color-aqua-400:hsl(173 65% 72%);
--color-aqua-500:hsl(174 64% 66%);
--color-aqua-600:hsl(174 60% 60%);
--color-aqua-700:hsl(174 44% 49%);
--color-aqua-800:hsl(175 51% 36%);
--color-aqua-900:hsl(176 59% 22%);
--color-aqua-950:hsl(175 38% 19%);
--color-blue-050:hsl(207 100% 95%);
--color-blue-100:hsl(207 100% 92%);
--color-blue-200:hsl(206 100% 89%);
--color-blue-300:hsl(207 100% 84%);
--color-blue-400:hsl(207 100% 78%);
--color-blue-500:hsl(207 99% 72%);
--color-blue-600:hsl(207 90% 65%);
--color-blue-700:hsl(207 60% 52%);
--color-blue-800:hsl(207 71% 37%);
--color-blue-900:hsl(206 80% 25%);
--color-blue-950:hsl(202 51% 20%);
--color-purple-050:hsl(260 100% 96%);
--color-purple-100:hsl(258 100% 93%);
--color-purple-200:hsl(259 100% 91%);
--color-purple-300:hsl(258 100% 88%);
--color-purple-400:hsl(258 100% 82%);
--color-purple-500:hsl(258 100% 76%);
--color-purple-600:hsl(258 100% 70%);
--color-purple-700:hsl(258 67% 57%);
--color-purple-800:hsl(259 64% 44%);
--color-purple-900:hsl(258 76% 29%);
--color-purple-950:hsl(246 42% 23%);
--color-fuscia-050:hsl(289 100% 97%);
--color-fuscia-100:hsl(289 100% 94%);
--color-fuscia-200:hsl(289 100% 90%);
--color-fuscia-300:hsl(289 100% 87%);
--color-fuscia-400:hsl(289 100% 81%);
--color-fuscia-500:hsl(289 100% 75%);
--color-fuscia-600:hsl(289 84% 65%);
--color-fuscia-700:hsl(289 57% 51%);
--color-fuscia-800:hsl(289 69% 38%);
--color-fuscia-900:hsl(288 74% 25%);
--color-fuscia-950:hsl(275 38% 22%);
--color-pink-050:hsl(338 89% 96%);
--color-pink-100:hsl(336 94% 93%);
--color-pink-200:hsl(336 100% 90%);
--color-pink-300:hsl(336 100% 85%);
--color-pink-400:hsl(335 100% 79%);
--color-pink-500:hsl(335 100% 74%);
--color-pink-600:hsl(335 94% 67%);
--color-pink-700:hsl(335 63% 54%);
--color-pink-800:hsl(335 69% 39%);
--color-pink-900:hsl(334 81% 25%);
--color-pink-950:hsl(328 33% 20%);
--color-coral-050:hsl(11 91% 95%);
--color-coral-100:hsl(9 95% 92%);
--color-coral-200:hsl(8 100% 88%);
--color-coral-300:hsl(7 100% 83%);
--color-coral-400:hsl(7 100% 77%);
--color-coral-500:hsl(7 100% 72%);
--color-coral-600:hsl(7 92% 65%);
--color-coral-700:hsl(7 62% 52%);
--color-coral-800:hsl(7 70% 39%);
--color-coral-900:hsl(8 77% 24%);
--color-coral-950:hsl(12 30% 20%);
--color-orange-050:hsl(22 100% 95%);
--color-orange-100:hsl(24 100% 90%);
--color-orange-200:hsl(25 100% 85%);
--color-orange-300:hsl(25 100% 77%);
--color-orange-400:hsl(25 100% 72%);
--color-orange-500:hsl(25 100% 67%);
--color-orange-600:hsl(25 94% 61%);
--color-orange-700:hsl(25 70% 53%);
--color-orange-800:hsl(25 72% 38%);
--color-orange-900:hsl(25 77% 24%);
--color-orange-950:hsl(33 31% 19%);
--color-yellow-050:hsl(38 100% 95%);
--color-yellow-100:hsl(40 100% 88%);
--color-yellow-200:hsl(40 100% 84%);
--color-yellow-300:hsl(40 100% 77%);
--color-yellow-400:hsl(40 100% 72%);
--color-yellow-500:hsl(40 100% 67%);
--color-yellow-600:hsl(40 100% 63%);
--color-yellow-700:hsl(40 75% 54%);
--color-yellow-800:hsl(40 70% 41%);
--color-yellow-900:hsl(40 87% 24%);
--color-yellow-950:hsl(58 28% 19%);
--color-bluesky:hsl(211 99% 53%);
--color-facebook:hsl(214 89% 52%);
--color-google-business-profile:hsl(220 72% 59%);
--color-instagram:hsl(331 98% 47%);
--color-linkedin:hsl(213 63% 43%);
--color-mastodon:hsl(240 100% 69%);
--color-pinterest:hsl(351 100% 45%);
--color-substack:hsl(20 100% 55%);
--color-threads:hsl(0 0% 0%);
--color-tiktok:hsl(0 0% 0%);
--color-x:hsl(0 0% 0%);
--color-youtube:hsl(0 100% 50%);
--color-text-primary:var(--color-green-900);
--color-text-secondary:var(--color-neutral-700);
--color-text-link:var(--color-green-700);
--color-text-disabled:var(--color-neutral-400);
--color-text-primary-inverse:var(--color-neutral-050);
--color-text-link-inverse:var(--color-green-300);
--color-surface-default:var(--color-neutral-050);
--color-surface-light:var(--color-neutral-100);
--color-surface-mid:var(--color-neutral-200);
--color-surface-dark:var(--color-green-900);
--color-surface-brand:var(--color-green-050);
--color-border-default:var(--color-neutral-400);
--color-border-strong:var(--color-neutral-600);
--color-brand-core-green:var(--color-green-300);
--color-brand-core-purple:var(--color-purple-300);
--color-brand-core-coral:var(--color-coral-300);
--color-brand-core-blue:var(--color-blue-300);
--color-brand-core-yellow:var(--color-yellow-300);
--color-brand-core-dark:var(--color-green-900);
--color-brand-core-light-green:var(--color-green-200);
--color-brand-core-light-purple:var(--color-purple-200);
--color-brand-core-light-coral:var(--color-coral-200);
--color-brand-core-light-blue:var(--color-blue-200);
--color-brand-core-light-yellow:var(--color-yellow-200);
--color-brand-core-light-mid:var(--color-green-800);
--color-brand-secondary-aqua:var(--color-aqua-300);
--color-brand-secondary-fuscia:var(--color-fuscia-300);
--color-brand-secondary-pink:var(--color-pink-300);
--color-brand-secondary-orange:var(--color-orange-300);
--theme-foreground-color:var(--color-brand-dark);
--font-family-sans:"Figtree",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-heading:"Stolzl",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--font-family-handwriting:"Caveat","Figtree",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-insights:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-weight-regular:400;
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;
--font-weight-heading:var(--font-weight-regular);
--line-height-regular:1.4;
--line-height-tight:1.1;
--line-height-heading:var(--line-height-tight);
--letter-spacing-tight:-0.02em;
--letter-spacing-regular:0.0075em;
--letter-spacing-small:0.03125em;
--letter-spacing-wide:0.0625em;
--letter-spacing-heading:var(--letter-spacing-tight);
--color-text-subtle:var(--color-neutral-800);
--color-text-neutral:var(--color-neutral-900);
--font-size-step--3:calc(10.1 / 16 * 1rem);
--font-size-step--2:clamp(12.8/16 * 1rem,0.7863rem + 0.0687vi,13.5/16 * 1rem);
--font-size-step--1:clamp(14.3/16 * 1rem,0.8703rem + 0.1172vi,15.5/16 * 1rem);
--font-size-step-0:clamp(16/16 * 1rem,0.9565rem + 0.2174vi,18/16 * 1rem);
--font-size-step-1:clamp(20/16 * 1rem,1.1632rem + 0.4341vi,24/16 * 1rem);
--font-size-step-2:clamp(25/16 * 1rem,1.4107rem + 0.7591vi,32/16 * 1rem);
--font-size-step-3:clamp(31.3/16 * 1rem,1.7056rem + 1.2375vi,42.6/16 * 1rem);
--font-size-step-4:clamp(39.1/16 * 1rem,2.0551rem + 1.9315vi,56.8/16 * 1rem);
--font-size-step-5:clamp(48.8/16 * 1rem,2.4663rem + 2.9271vi,75.8/16 * 1rem);
--font-size-step-6:clamp(61/16 * 1rem,2.9462rem + 4.3423vi,101/16 * 1rem);
--font-size-step-7:clamp(76.3/16 * 1rem,3.5006rem + 6.3389vi,134.6/16 * 1rem);
--space-step-0:clamp(0.25rem,0.2305rem + 0.0977vi,0.3125rem);
--space-step-1:clamp(0.5rem,0.4805rem + 0.0977vi,0.5625rem);
--space-step-2:clamp(0.75rem,0.7109rem + 0.1953vi,0.875rem);
--space-step-3:clamp(1rem,0.9609rem + 0.1953vi,1.125rem);
--space-step-4:clamp(1.5rem,1.4414rem + 0.293vi,1.6875rem);
--space-step-5:clamp(2rem,1.9219rem + 0.3906vi,2.25rem);
--space-step-6:clamp(3rem,2.8828rem + 0.5859vi,3.375rem);
--space-step-7:clamp(4rem,3.8438rem + 0.7813vi,4.5rem);
--space-step-8:clamp(6rem,5.7656rem + 1.1719vi,6.75rem);
--space-step-0-step-1:clamp(0.25rem,0.1523rem + 0.4883vi,0.5625rem);
--space-step-1-step-2:clamp(0.5rem,0.3828rem + 0.5859vi,0.875rem);
--space-step-2-step-3:clamp(0.75rem,0.6328rem + 0.5859vi,1.125rem);
--space-step-3-step-4:clamp(1rem,0.7852rem + 1.0742vi,1.6875rem);
--space-step-4-step-5:clamp(1.5rem,1.2656rem + 1.1719vi,2.25rem);
--space-step-5-step-6:clamp(2rem,1.5703rem + 2.1484vi,3.375rem);
--space-step-6-step-7:clamp(3rem,2.5313rem + 2.3438vi,4.5rem);
--space-step-7-step-8:clamp(4rem,3.1406rem + 4.2969vi,6.75rem);
--space-step-0-step-2:clamp(0.25rem,0.0547rem + 0.9766vi,0.875rem);
--space-step-1-step-3:clamp(0.5rem,0.3047rem + 0.9766vi,1.125rem);
--space-step-2-step-4:clamp(0.75rem,0.457rem + 1.4648vi,1.6875rem);
--space-step-3-step-5:clamp(1rem,0.6094rem + 1.9531vi,2.25rem);
--space-step-4-step-6:clamp(1.5rem,0.9141rem + 2.9297vi,3.375rem);
--space-step-5-step-7:clamp(2rem,1.2188rem + 3.9063vi,4.5rem);
--space-step-6-step-8:clamp(3rem,1.8281rem + 5.8594vi,6.75rem);
--border-radius-small:0.625rem;
--border-radius-medium:1.25rem;
--border-radius-large:2.5rem;
--border-radius-full:100vmax;
--outline-width:0.125rem;
--outline-offset:0.125rem;
--shadow-raised:0 0.25rem 0.75rem -0.125rem hsl(0 0% 9%/0.1),0 0 0.0625rem 0.0625rem hsl(0 0% 9%/0.05);
--shadow-floating:0 1rem 1.5rem -0.5rem hsl(0 0% 9%/0.1),0 0.25rem 0.5rem -0.25rem hsl(0 0% 9%/0.1),0 0 0.0625rem 0.0625rem hsl(0 0% 9%/0.05);
--shadow-section:0 0.25rem 0.75rem -0.125rem hsl(0 0% 9%/0.1),0 0 0.0625rem 0.0625rem hsl(0 0% 9%/0.05),0 0 0 0.0625rem hsl(0 0% 88%);
--shadow-card:0 -0.25rem 1.5rem -0.5rem hsl(0 0% 9%/0.1),0 0.25rem 0.5rem -0.25rem hsl(0 0% 9%/0.1),0 0.5rem 0 0 hsl(180 13% 22%);
--shadow-image:0.85rem 4.26rem 4.02rem 0 hsl(0 0% 0%/0.07);
--transition-duration:150ms;
--transition-timing-function:ease-out;
--top-navigation-block-size:5.5rem;
--container-padding:var(--space-step-3-step-5);
--container-max-inline-size:calc(80rem + calc(var(--space-step-3-step-5) * 2));
--container-max-inline-size-wide:calc(var(--container-max-inline-size) + calc(var(--space-step-5-step-7) * 2));
--gutter:var(--space-step-5-step-7);
--gradient-instagram:linear-gradient(253deg,hsl(40 100% 72%) -4.28%,hsl(7 100% 75%) 23.63%,hsl(338 78% 79%) 56.85%,hsl(291 48% 82%) 82.8%,hsl(255 100% 80%) 111.88%)}
html[data-leaving] body{
opacity:0;
transition:opacity .18s ease-out}
*,:after,:before{
box-sizing:border-box}
:host,html{
line-height:var(--line-height-regular);
text-size-adjust:none;
-moz-tab-size:4;
tab-size:4;
font-family:var(--font-family-sans);
letter-spacing:var(--letter-spacing-regular);
font-size:100%;
-webkit-tap-highlight-color:transparent}
body{
margin:0;
min-block-size:100vh;
background-color:var(--color-neutral-050);
color:var(--color-brand-dark);
font-size:var(--font-size-step-0);
line-height:inherit;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
hr{
block-size:0;
color:inherit;
border-block-start-width:1px}
abbr:where([title]){
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6,p{
overflow-wrap:break-word}
h1,h2,h3,h4,h5,h6{
font-family:var(--font-family-heading);
font-size:inherit;
line-height:var(--line-height-heading);
letter-spacing:var(--letter-spacing-heading)}
h1,h1>strong,h2,h2>strong,h3,h3>strong,h4,h4>strong,h5,h5>strong,h6,h6>strong{
font-weight:var(--font-weight-heading)}
a{
color:inherit;
text-decoration:inherit}
a:not([class]){
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
text-decoration:underline;
-webkit-text-decoration-skip:ink;
text-decoration-skip-ink:auto;
color:var(--color-text-link);
border-radius:.25rem;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
a:not([class]):hover{
color:var(--color-green-800)}
a:not([class]):focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
[data-theme=dark] a:not([class]){
color:var(--color-green-300)}
[data-theme=dark] a:not([class]):hover{
color:var(--color-green-200)}
[data-theme=dark] a:not([class]):focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-white)}
b,strong{
font-weight:var(--font-weight-semibold)}
code,kbd,pre,samp{
font-family:var(--font-family-mono);
font-size:1em}
small{
font-size:80%}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}
sub{
inset-block-end:-.25em}
sup{
inset-block-start:-.5em}
table{
text-indent:0;
border-color:inherit;
border-collapse:collapse}
button,input,optgroup,select,textarea{
font-family:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
font-size:inherit;
font-weight:inherit;
line-height:inherit;
letter-spacing:inherit;
color:inherit;
margin:0;
padding:0}
button,select{
text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
-webkit-appearance:button;
background-color:transparent;
background-image:none}
:-moz-focusring{
outline:auto}
:-moz-ui-invalid{
box-shadow:none}
progress{
vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
block-size:auto}
[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px}
::-webkit-search-decoration{
-webkit-appearance:none}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit}
summary{
display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,ul{
margin:0}
fieldset{
margin:0}
dialog,fieldset,legend{
padding:0}
textarea{
resize:vertical}
textarea:not([rows]){
min-block-size:7em}
input::placeholder,textarea::placeholder{
opacity:1;
color:var(--placeholder-color,#9ca3af)}
[role=button],button{
cursor:pointer}
:disabled{
cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{
display:block;
vertical-align:middle}
img,video{
max-inline-size:100%;
block-size:auto}
[hidden]{
display:none}
:target{
scroll-margin-block:5ex}
#__next{
isolation:isolate}
.visually-hidden{
position:absolute;
margin:-1px;
width:1px;
height:1px;
border-width:0;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap}
h1:not([class]){
font-size:var(--font-size-step-3)}
h2:not([class]){
font-size:var(--font-size-step-2)}
h3:not([class]){
font-size:var(--font-size-step-1)}
:is(h4,h5,h6):not([class]){
font-size:var(--font-size-step-0)}
.text-heading{
font-family:var(--font-family-heading);
font-weight:var(--font-weight-heading);
line-height:var(--line-height-heading);
letter-spacing:var(--letter-spacing-heading)}
.text-body{
line-height:var(--line-height-regular)}
.text-body,.text-body-heading{
font-family:var(--font-family-sans);
letter-spacing:var(--letter-spacing-regular)}
.text-body-heading{
font-weight:var(--font-weight-semibold);
line-height:var(--line-height-heading)}
.text-eyebrow{
font-family:var(--font-family-sans);
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-medium);
letter-spacing:var(--letter-spacing-wide);
line-height:var(--line-height-regular);
text-transform:uppercase}
.text-input{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border:.0625rem solid var(--color-neutral-700);
background-color:var(--color-white);
padding:1em 1.5em;
font-size:var(--font-size-step-0);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.text-input::placeholder{
color:var(--color-neutral-500)}
.text-input:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.container{
padding-inline:var(--space-step-3-step-5);
-webkit-padding-after:var(--space-step-8);
padding-block-end:var(--space-step-8)}
.container,.max-inline-size-container{
margin-inline:auto;
max-inline-size:var(--container-max-inline-size)}
.max-inline-size-container{
inline-size:100%;
padding-inline:var(--space-step-3-step-5)}
.max-inline-size-container-wide{
margin-inline:auto;
max-inline-size:var(--container-max-inline-size-wide);
padding-inline:var(--space-step-3-step-5)}
.sidebar-layout{
display:flex;
flex-direction:column;
gap:var(--space-step-6-step-8)}
@media (min-width:64rem){
.sidebar-layout{
display:grid;
grid-template-columns:minmax(0,24rem) 1fr}
.sidebar-layout-reverse{
grid-template-columns:1fr minmax(0,24rem)}
}
.scroll-inline-container{
position:relative;
inset-inline:50%;
margin-inline:-50dvi;
inline-size:min(100dvi,var(--_max-inline-size,var(--container-max-inline-size)));
padding-block:.5rem;
padding-inline:var(--_padding-inline,var(--container-padding));
overflow-x:auto;
overflow-y:hidden}
.old-scroll-inline-container{
margin-inline:auto;
inline-size:100%;
max-inline-size:calc(80rem + 2.5rem * 2);
padding:var(--space-step-3) .25rem;
display:flex;
column-gap:2.25rem;
overflow-x:auto}
.old-scroll-inline-container:after,.old-scroll-inline-container:before{
content:"";
display:inline-block;
inline-size:.25rem}
@media (min-width:64rem){
.old-scroll-inline-container-centered{
justify-content:center}
}
[id]{
scroll-margin-block-start:6rem}
[data-theme=neutral]{
--theme-color-100:var(--color-neutral-100);
--theme-color-200:var(--color-neutral-200);
--theme-color-300:var(--color-neutral-300);
--theme-color-400:var(--color-neutral-400);
--theme-color-500:var(--color-neutral-500);
--theme-color-600:var(--color-neutral-600);
--theme-color-700:var(--color-neutral-700);
--theme-color-800:var(--color-neutral-800);
--theme-color-900:var(--color-neutral-900)}
[data-theme=dark]{
--theme-color-300:var(--color-brand-dark);
--theme-foreground-color:var(--color-white)}
[data-theme=aqua]{
--theme-color-100:var(--color-aqua-100);
--theme-color-200:var(--color-aqua-200);
--theme-color-300:var(--color-aqua-300);
--theme-color-400:var(--color-aqua-400);
--theme-color-500:var(--color-aqua-500);
--theme-color-600:var(--color-aqua-600);
--theme-color-700:var(--color-aqua-700);
--theme-color-800:var(--color-aqua-800);
--theme-color-900:var(--color-aqua-900)}
[data-theme=blue]{
--theme-color-100:var(--color-blue-100);
--theme-color-200:var(--color-blue-200);
--theme-color-300:var(--color-blue-300);
--theme-color-400:var(--color-blue-400);
--theme-color-500:var(--color-blue-500);
--theme-color-600:var(--color-blue-600);
--theme-color-700:var(--color-blue-700);
--theme-color-800:var(--color-blue-800);
--theme-color-900:var(--color-blue-900)}
[data-theme=coral]{
--theme-color-100:var(--color-coral-100);
--theme-color-200:var(--color-coral-200);
--theme-color-300:var(--color-coral-300);
--theme-color-400:var(--color-coral-400);
--theme-color-500:var(--color-coral-500);
--theme-color-600:var(--color-coral-600);
--theme-color-700:var(--color-coral-700);
--theme-color-800:var(--color-coral-800);
--theme-color-900:var(--color-coral-900)}
[data-theme=fuscia]{
--theme-color-100:var(--color-fuscia-100);
--theme-color-200:var(--color-fuscia-200);
--theme-color-300:var(--color-fuscia-300);
--theme-color-400:var(--color-fuscia-400);
--theme-color-500:var(--color-fuscia-500);
--theme-color-600:var(--color-fuscia-600);
--theme-color-700:var(--color-fuscia-700);
--theme-color-800:var(--color-fuscia-800);
--theme-color-900:var(--color-fuscia-900)}
[data-theme=green]{
--theme-color-100:var(--color-green-100);
--theme-color-200:var(--color-green-200);
--theme-color-300:var(--color-green-300);
--theme-color-400:var(--color-green-400);
--theme-color-500:var(--color-green-500);
--theme-color-600:var(--color-green-600);
--theme-color-700:var(--color-green-700);
--theme-color-800:var(--color-green-800);
--theme-color-900:var(--color-green-900)}
[data-theme=orange]{
--theme-color-100:var(--color-orange-100);
--theme-color-200:var(--color-orange-200);
--theme-color-300:var(--color-orange-300);
--theme-color-400:var(--color-orange-400);
--theme-color-500:var(--color-orange-500);
--theme-color-600:var(--color-orange-600);
--theme-color-700:var(--color-orange-700);
--theme-color-800:var(--color-orange-800);
--theme-color-900:var(--color-orange-900)}
[data-theme=pink]{
--theme-color-100:var(--color-pink-100);
--theme-color-200:var(--color-pink-200);
--theme-color-300:var(--color-pink-300);
--theme-color-400:var(--color-pink-400);
--theme-color-500:var(--color-pink-500);
--theme-color-600:var(--color-pink-600);
--theme-color-700:var(--color-pink-700);
--theme-color-800:var(--color-pink-800);
--theme-color-900:var(--color-pink-900)}
[data-theme=purple]{
--theme-color-100:var(--color-purple-100);
--theme-color-200:var(--color-purple-200);
--theme-color-300:var(--color-purple-300);
--theme-color-400:var(--color-purple-400);
--theme-color-500:var(--color-purple-500);
--theme-color-600:var(--color-purple-600);
--theme-color-700:var(--color-purple-700);
--theme-color-800:var(--color-purple-800);
--theme-color-900:var(--color-purple-900)}
[data-theme=yellow]{
--theme-color-100:var(--color-yellow-100);
--theme-color-200:var(--color-yellow-200);
--theme-color-300:var(--color-yellow-300);
--theme-color-400:var(--color-yellow-400);
--theme-color-500:var(--color-yellow-500);
--theme-color-600:var(--color-yellow-600);
--theme-color-700:var(--color-yellow-700);
--theme-color-800:var(--color-yellow-800);
--theme-color-900:var(--color-yellow-900)}
[data-channel-theme=bluesky]{
--channel-theme-color:var(--color-bluesky)}
[data-channel-theme=facebook]{
--channel-theme-color:var(--color-facebook)}
[data-channel-theme=google-business-profile]{
--channel-theme-color:var(--color-google-business-profile)}
[data-channel-theme=instagram]{
--channel-theme-color:var(--color-instagram)}
[data-channel-theme=linkedin]{
--channel-theme-color:var(--color-linkedin)}
[data-channel-theme=mastodon]{
--channel-theme-color:var(--color-mastodon)}
[data-channel-theme=pinterest]{
--channel-theme-color:var(--color-pinterest)}
[data-channel-theme=substack]{
--channel-theme-color:var(--color-substack)}
[data-channel-theme=threads]{
--channel-theme-color:var(--color-threads)}
[data-channel-theme=tiktok]{
--channel-theme-color:var(--color-tiktok)}
[data-channel-theme=x]{
--channel-theme-color:var(--color-x)}
[data-channel-theme=youtube]{
--channel-theme-color:var(--color-youtube)}
.table-scroll-container{
display:flex;
overflow-x:auto}
.table-border-wrapper{
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-300);
border-radius:var(--border-radius-small)}
.table{
--_border-color:var(--color-neutral-300)}
.table thead th:first-of-type{
border-start-start-radius:.625rem}
.table thead th:last-of-type{
border-start-end-radius:.625rem}
.table tbody,.table tr+tr{
border-block-start-width:.0625rem;
border-block-start-style:solid;
border-block-start-color:var(--_border-color)}
.table tbody tr:last-of-type td:first-of-type,.table tbody tr:last-of-type td:last-of-type{
border-end-start-radius:.625rem}
.table :is(th,td)+:is(th,td){
border-inline-start-width:.0625rem;
border-inline-start-style:solid;
border-inline-start-color:var(--_border-color)}
.table th{
padding:var(--space-step-3);
font-family:var(--font-family-heading);
font-weight:var(--font-weight-heading);
line-height:var(--line-height-heading);
text-align:start}
.table thead th{
vertical-align:bottom}
.table th:not(:first-of-type){
border-inline-start-width:.0625rem;
border-inline-start-style:solid;
border-inline-start-color:var(--_border-color)}
.table tbody{
font-size:var(--font-size-step--1)}
.table td{
border-inline-start-width:.0625rem;
border-inline-start-style:solid;
border-inline-start-color:var(--_border-color);
padding:var(--space-step-4) var(--space-step-3);
text-align:center}
.select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
outline-width:var(--outline-width);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16'%3E%3Cpath fill='%23000' d='M10.569 6.883a.43.43 0 0 0-.304-.732H5.47a.43.43 0 0 0-.303.732l2.397 2.398a.43.43 0 0 0 .607 0l2.398-2.398Z'/%3E%3C/svg%3E");
background-position:right .5rem center;
background-repeat:no-repeat;
background-size:1rem 1rem;
padding-block:var(--space-step-1);
padding-inline:var(--space-step-2) var(--space-step-5);
display:flex;
align-items:center;
justify-content:space-between;
column-gap:var(--space-step-3);
font-size:var(--font-size-step--1);
cursor:pointer;
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.select:hover{
background-color:var(--color-neutral-050)}
.select:focus-visible{
outline-width:var(--outline-width);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.icon-check{
display:inline-block;
inline-size:1.5rem;
block-size:1.5rem;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewbox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M20.707 5.293a1 1 0 0 1 0 1.414l-11 11a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L9 15.586 19.293 5.293a1 1 0 0 1 1.414 0Z'/%3E%3C/svg%3E");
background-position:50%;
background-repeat:no-repeat;
background-size:1.5rem 1.5rem}
#ashby_embed{
border-radius:var(--border-radius-small);
overflow:hidden}

.DropdownMenu_trigger__04vTp{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-width:.0625rem;
border-style:solid;
border-color:var(--color-green-900);
border-radius:var(--border-radius-full);
background-color:var(--color-green-100);
padding:.5rem .75rem .5rem 1rem;
display:inline-flex;
align-items:center;
justify-content:space-between;
gap:.5rem;
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-medium);
color:var(--color-green-900);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.DropdownMenu_trigger__04vTp:hover{
background-color:var(--color-green-200)}
.DropdownMenu_trigger__04vTp:focus-visible{
outline-color:var(--color-brand-dark)}
.DropdownMenu_trigger__04vTp[data-popup-open]{
background-color:var(--color-green-200)}
.DropdownMenu_popup__BOaM6{
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
border-radius:var(--border-radius-small);
background-color:var(--color-neutral-050);
padding:.25rem;
box-shadow:var(--shadow-floating);
min-inline-size:12rem}
.DropdownMenu_item___9aPh{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
display:flex;
align-items:center;
justify-content:space-between;
gap:.5rem;
border-radius:.25rem;
padding:.5rem .75rem;
font-size:var(--font-size-step--1);
color:var(--color-brand-dark);
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.DropdownMenu_item___9aPh[data-highlighted]{
background-color:var(--color-neutral-200)}
.DropdownMenu_item___9aPh:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.DropdownMenu_itemIndicator__nHu8O{
display:inline-flex;
align-items:center;
color:var(--color-green-900)}
.BestFormatsChart_chartContainer__DXLPl{
--_bar-height:40;
block-size:calc(var(--_bar-count) * var(--_bar-height) * 1px + 3.75rem)}
@media (min-width:64rem){
.BestFormatsChart_chartContainer__DXLPl{
--_bar-height:80}
}
.BestFormatsChart_tooltip__mR40h{
background-color:var(--color-neutral-050);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
border-radius:var(--border-radius-small);
padding:var(--space-step-3);
font-size:var(--font-size-step--1);
box-shadow:var(--shadow-floating)}
.BestFormatsChart_tooltipHeading__pCAly{
font-size:var(--font-size-step-0)}
.BestFormatsChart_tooltipComparison__pAk8T{
color:var(--color-neutral-800)}
.BestTimeHeatmap_container__39xtE{
overflow-x:auto}
.BestTimeHeatmap_table__9rUTZ{
border-collapse:separate;
border-spacing:.125rem;
inline-size:100%}
.BestTimeHeatmap_dayHeader__6rz9_{
-webkit-padding-after:.5rem;
padding-block-end:.5rem;
font-size:var(--font-size-step--2);
color:var(--color-neutral-800)}
.BestTimeHeatmap_hourHeader__AkuIh{
inline-size:.0625rem;
-webkit-padding-end:.75rem;
padding-inline-end:.75rem;
font-size:var(--font-size-step--2);
text-align:end;
white-space:nowrap;
color:var(--color-neutral-800);
pointer-events:none}
.BestTimeHeatmap_cell__ahX5V{
position:relative;
block-size:1lh;
border-radius:.125rem;
background-color:color-mix(in srgb,var(--channel-theme-color) var(--_cell-opacity),transparent)}
.BestTimeHeatmap_cellButton__70ZNC{
position:absolute;
inset:0;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border:none;
background:transparent;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.BestTimeHeatmap_cellButton__70ZNC:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.BestTimeHeatmap_tooltipPopup__w5AAZ{
background-color:var(--color-neutral-050);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
border-radius:var(--border-radius-small);
padding:.5rem .75rem;
font-size:var(--font-size-step--1);
box-shadow:var(--shadow-floating);
display:grid;
grid-gap:.125rem;
gap:.125rem}
.BestTimeHeatmap_tooltipDay__ZBBGN{
font-weight:var(--font-weight-semibold)}
.BestTimeHeatmap_tooltipTime__ZHnYD{
color:var(--color-neutral-800)}
.CustomTooltip_tooltip__2lzR4{
background-color:var(--color-neutral-050);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
border-radius:var(--border-radius-small);
padding:var(--space-step-3);
font-size:var(--font-size-step--1);
box-shadow:var(--shadow-floating)}
.CustomTooltip_items__sOdrT{
list-style:"";
-webkit-padding-start:0;
padding-inline-start:0}
.CustomTooltip_item__UBPP6{
display:flex;
align-items:center;
gap:.5ch}
.CustomTooltip_itemIndicator__AyqZc{
display:inline-block;
block-size:.5rem;
inline-size:.5rem;
border-radius:var(--border-radius-full)}
.ChartContainer_chartContainer__YyfeO{
height:25rem}
@media (min-width:64rem){
.ChartContainer_chartContainer__YyfeO{
height:37.5rem}
}
.EffectOfRepliesByChannelChart_engagementLiftContainer__PkKj7{
-webkit-padding-after:var(--space-step-3);
padding-block-end:var(--space-step-3);
display:flex;
justify-content:center}
.EffectOfRepliesByChannelChart_engagementLiftText___M3LU{
border-radius:var(--border-radius-full);
background-color:var(--_channel-bg);
padding:var(--space-step-1) var(--space-step-3);
display:inline-flex;
align-items:center;
gap:var(--space-step-1);
transform:rotate(-5deg)}
.EffectOfRepliesByChannelChart_profilesPositive__TTo5z{
-webkit-margin-before:var(--space-step-3);
margin-block-start:var(--space-step-3);
text-align:center}
.CustomLegend_items__d4mDV{
list-style:"";
-webkit-padding-start:0;
padding-inline-start:0;
-webkit-padding-after:var(--space-step-3);
padding-block-end:var(--space-step-3);
display:flex;
flex-wrap:wrap;
column-gap:var(--space-step-3);
align-items:center;
justify-content:flex-end;
font-size:var(--font-size-step--1);
text-align:end}
.CustomLegend_item__rrJIF{
flex-shrink:0;
display:flex;
align-items:center;
gap:.5ch}
.CustomLegend_itemIndicator__bhg3a{
display:inline-block;
block-size:.5rem;
inline-size:.5rem;
border-radius:var(--border-radius-full)}
.InsightsStepper_header__DUEst{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-step-1)}
.InsightsStepper_label__wEEVB{
font-size:var(--font-size-step-0);
font-weight:var(--font-weight-medium);
color:var(--color-brand-dark);
text-align:center}
.InsightsStepper_button__TG5mG{
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
inline-size:2.5rem;
block-size:2.5rem;
border-width:0;
border-radius:var(--border-radius-full);
background-color:transparent;
color:var(--color-brand-dark);
outline-width:var(--outline-width);
outline-style:solid;
outline-color:transparent;
transition-property:outline-color,background-color,color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.InsightsStepper_button__TG5mG:focus-visible{
outline-width:var(--outline-width);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.InsightsStepper_button__TG5mG:not(:disabled):hover{
background-color:var(--color-neutral-200)}
.InsightsStepper_button__TG5mG:disabled{
color:var(--color-neutral-500);
cursor:default}
.InsightsStepper_indicators__T9n_l{
display:flex;
align-items:center;
justify-content:center;
gap:.5rem}
.InsightsStepper_indicator__Y2agM{
inline-size:1rem;
block-size:1rem;
border-width:0;
border-radius:var(--border-radius-full);
padding:0;
background-color:var(--color-neutral-400);
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.InsightsStepper_indicator__Y2agM:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.InsightsStepper_indicator__Y2agM:hover{
background-color:var(--color-neutral-600)}
.InsightsStepper_indicator__Y2agM[data-active]{
background-color:var(--color-brand-dark)}
.pl-badge-badge{
border-radius:.25rem;
padding:.25em .5em;
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-medium);
letter-spacing:var(--letter-spacing-small);
color:var(--color-brand-dark);
transition-property:background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-badge-badge[data-size=small]{
font-size:var(--font-size-step--2)}
.pl-badge-badge[data-theme=aqua]{
background-color:var(--color-aqua-200)}
.pl-badge-badge[data-interactive=true][data-theme=aqua]:hover{
background-color:var(--color-aqua-300)}
.pl-badge-badge[data-theme=blue]{
background-color:var(--color-blue-100);
color:var(--color-blue-800)}
.pl-badge-badge[data-interactive=true][data-theme=blue]:hover{
background-color:var(--color-blue-300)}
.pl-badge-badge[data-theme=coral]{
background-color:var(--color-coral-100);
color:var(--color-coral-800)}
.pl-badge-badge[data-theme=dark]{
background-color:var(--color-green-700);
color:var(--color-neutral-050)}
.pl-badge-badge[data-interactive=true][data-theme=coral]:hover{
background-color:var(--color-coral-300)}
.pl-badge-badge[data-theme=fuscia]{
background-color:var(--color-fuscia-200)}
.pl-badge-badge[data-interactive=true][data-theme=fuscia]:hover{
background-color:var(--color-fuscia-300)}
.pl-badge-badge[data-theme=green]{
background-color:var(--color-green-100);
color:var(--color-green-700)}
.pl-badge-badge[data-interactive=true][data-theme=green]:hover{
background-color:var(--color-green-300)}
.pl-badge-badge[data-theme=neutral]{
background-color:var(--color-neutral-200)}
.pl-badge-badge[data-interactive=true][data-theme=neutral]:hover{
background-color:var(--color-neutral-300)}
.pl-badge-badge[data-theme=orange]{
background-color:var(--color-orange-200)}
.pl-badge-badge[data-interactive=true][data-theme=orange]:hover{
background-color:var(--color-orange-300)}
.pl-badge-badge[data-theme=pink]{
background-color:var(--color-pink-100);
color:var(--color-pink-800)}
.pl-badge-badge[data-interactive=true][data-theme=pink]:hover{
background-color:var(--color-pink-300)}
.pl-badge-badge[data-theme=purple]{
background-color:var(--color-purple-100);
color:var(--color-purple-800)}
.pl-badge-badge[data-interactive=true][data-theme=purple]:hover{
background-color:var(--color-purple-300)}
.pl-badge-badge[data-theme=yellow]{
background-color:var(--color-yellow-200)}
.pl-badge-badge[data-interactive=true][data-theme=yellow]:hover{
background-color:var(--color-yellow-300)}
.pl-footer-footer{
border-start-start-radius:var(--border-radius-medium);
border-start-end-radius:var(--border-radius-medium);
background-color:var(--color-brand-dark);
padding:var(--space-step-7) var(--space-step-3-step-5);
color:var(--color-white)}
.pl-footer-footer.Footer_transparent__YtEoY{
background-color:transparent}
.pl-footer-footer-links{
-webkit-margin-after:var(--space-step-5-step-7);
margin-block-end:var(--space-step-5-step-7);
margin-inline:auto;
max-inline-size:80rem;
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:var(--space-step-4-step-6);
gap:var(--space-step-4-step-6);
align-items:flex-start}
.pl-footer-footer-link-groups{
display:grid;
grid-row-gap:var(--space-step-5);
row-gap:var(--space-step-5)}
@media (min-width:64rem){
.pl-footer-footer-link-groups{
grid-template-columns:repeat(3,1fr);
column-gap:var(--space-step-4-step-6)}
}
.pl-footer-footer-link-multi-group{
display:grid;
grid-row-gap:var(--space-step-5);
row-gap:var(--space-step-5)}
.pl-footer-footer-link-group-heading{
-webkit-margin-after:var(--space-step-1);
margin-block-end:var(--space-step-1);
color:var(--color-brand-primary);
font-family:var(--font-family-sans);
font-size:var(--font-size-step--2);
font-weight:var(--font-weight-semibold);
letter-spacing:var(--letter-spacing-regular)}
.pl-footer-footer-link-list{
list-style:"";
-webkit-padding-start:0;
padding-inline-start:0;
display:flex;
flex-direction:column;
row-gap:var(--space-step-1)}
.pl-footer-footer-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.25rem;
font-size:var(--font-size-step--2);
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-footer-footer-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-white)}
.pl-footer-trailing-content{
margin-inline:auto;
max-inline-size:80rem;
display:flex;
flex-direction:column}
@media (min-width:48rem){
.pl-footer-trailing-content{
flex-direction:row;
align-items:flex-end;
justify-content:space-between}
}
.pl-footer-link-logo{
-webkit-margin-after:var(--space-step-5);
margin-block-end:var(--space-step-5);
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.75rem;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-footer-link-logo:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-white)}
@media (min-width:48rem){
.pl-footer-link-logo{
-webkit-margin-after:0;
margin-block-end:0}
}
.pl-footer-logo{
block-size:4rem;
inline-size:auto;
color:var(--color-brand-primary)}
@media (min-width:64rem){
.pl-footer-logo{
block-size:6rem}
}
.pl-footer-bottom-links{
display:flex;
flex-direction:column;
align-items:center}
@media (min-width:48rem){
.pl-footer-bottom-links{
align-items:flex-end}
}
.pl-footer-language-selector,.pl-footer-social-links{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3)}
.pl-footer-social-link-list{
-webkit-padding-start:0;
padding-inline-start:0;
display:flex;
column-gap:var(--space-step-4);
list-style:""}
.pl-footer-social-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.25rem;
display:inline-block;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-footer-social-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-white)}
.pl-footer-social-link-logo{
fill:var(--color-neutral-050)}
.pl-footer-policies{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:.25rem;
font-size:var(--font-size-step--1)}
.pl-footer-policies a{
text-decoration:none}
.pl-footer-language-selector{
display:inline-flex}
.pl-footer-footer-link-new{
display:inline-flex;
align-items:center;
gap:.375rem}
.pl-language-selector-root{
position:relative}
.pl-language-selector-trigger{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.375rem;
border:none;
background-color:transparent;
display:flex;
align-items:center;
gap:.5ch;
color:var(--color-green-300);
cursor:pointer;
list-style:none;
transition-property:outline-color,color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-language-selector-trigger::-webkit-details-marker{
display:none}
.pl-language-selector-root[open] .pl-language-selector-trigger,.pl-language-selector-trigger:hover{
color:var(--color-green-100)}
.pl-language-selector-trigger:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-white)}
.pl-language-selector-trigger-icon-trailing{
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-language-selector-root[open] .pl-language-selector-trigger-icon-trailing{
transform:rotate(180deg)}
.pl-language-selector-menu{
position:absolute;
inset-block-end:calc(100% + .5rem);
inset-inline-start:0;
z-index:1;
margin:0;
list-style:none;
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
border-radius:var(--border-radius-small);
background-color:var(--color-neutral-050);
padding:.25rem;
box-shadow:var(--shadow-floating);
min-inline-size:12rem}
.pl-language-selector-item{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
display:flex;
align-items:center;
justify-content:space-between;
gap:.5rem;
border-radius:.25rem;
padding:.5rem .75rem;
font-size:var(--font-size-step--1);
color:var(--color-brand-dark);
text-decoration:none;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-language-selector-item:hover{
background-color:var(--color-neutral-200)}
.pl-language-selector-item:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.pl-language-selector-item-indicator{
flex-shrink:0;
color:var(--color-green-900)}
.pl-footer-link-accordion-accordion{
-webkit-margin-after:var(--space-step-5-step-7);
margin-block-end:var(--space-step-5-step-7);
margin-inline:auto;
max-inline-size:80rem;
border-block:.0625rem solid #8b9491}
.pl-footer-link-accordion-summary{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.25rem;
padding-block:var(--space-step-3);
list-style:"";
cursor:pointer;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-footer-link-accordion-summary:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-white)}
.pl-footer-link-accordion-summary::marker{
display:none}
.pl-footer-link-accordion-summary::-webkit-details-marker{
display:none}
.pl-footer-link-accordion-summary-content{
display:flex;
flex-direction:column}
.pl-footer-link-accordion-heading-row{
display:flex;
align-items:center;
gap:var(--space-step-1)}
.pl-footer-link-accordion-heading{
color:var(--color-brand-primary);
font-family:var(--font-family-sans);
font-size:var(--font-size-step--2);
font-weight:var(--font-weight-semibold);
letter-spacing:var(--letter-spacing-regular)}
.pl-footer-link-accordion-description{
-webkit-margin-before:.25rem;
margin-block-start:.25rem;
font-size:var(--font-size-step--2)}
.pl-footer-link-accordion-summary-icon{
flex-shrink:0;
fill:currentColor;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-footer-link-accordion-accordion[open]>.pl-footer-link-accordion-summary .pl-footer-link-accordion-summary-icon{
transform:rotate(-.5turn)}
.pl-footer-link-accordion-groups{
padding-block:var(--space-step-3) var(--space-step-5);
display:grid;
grid-row-gap:var(--space-step-5);
row-gap:var(--space-step-5);
grid-column-gap:var(--space-step-4-step-6);
column-gap:var(--space-step-4-step-6)}
@media (min-width:48rem){
.pl-footer-link-accordion-groups{
grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.pl-footer-link-accordion-group-two-columns{
grid-column:span 2}
.pl-footer-link-accordion-link-list-two-columns{
column-count:2;
column-gap:var(--space-step-4-step-6)}
.pl-footer-link-accordion-link-list-two-columns>li{
page-break-inside:avoid;
break-inside:avoid}
}
.pl-footer-link-accordion-group-heading{
-webkit-margin-after:var(--space-step-1);
margin-block-end:var(--space-step-1);
color:var(--color-brand-primary);
font-family:var(--font-family-sans);
font-size:var(--font-size-step--2);
font-weight:var(--font-weight-semibold);
letter-spacing:var(--letter-spacing-regular)}
.pl-footer-link-accordion-link-list{
list-style:"";
-webkit-padding-start:0;
padding-inline-start:0}
.pl-footer-link-accordion-link-list>li{
-webkit-margin-after:var(--space-step-1);
margin-block-end:var(--space-step-1)}
.pl-footer-link-accordion-link-list>li:last-child{
-webkit-margin-after:0;
margin-block-end:0}
.pl-footer-link-accordion-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.25rem;
font-size:var(--font-size-step--2);
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-footer-link-accordion-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-white)}

.ArrowLink_link__lwVw8{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
border:0;
padding:0;
background-color:transparent;
font-family:inherit;
cursor:pointer;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-small);
display:inline-flex;
align-items:center;
gap:.5ch;
color:#b0ec9c;
font-size:var(--font-size-step-0);
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.ArrowLink_link__lwVw8:focus-visible{
outline-color:#b0ec9c}
.ArrowLink_icon__Rqw8E{
inline-size:1.25rem;
block-size:1.25rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.AutomateSection_section__27c_d{
margin-inline:auto;
max-inline-size:1280px;
-webkit-padding-after:var(--space-step-3);
padding-block-end:var(--space-step-3);
padding-inline:var(--container-padding)}
.AutomateSection_card__I8mf2{
position:relative;
box-sizing:border-box;
display:flex;
flex-direction:column;
gap:33px;
inline-size:100%;
padding:40px;
background-color:rgba(33,49,48,.5);
border:.5px solid #354746;
border-radius:10px;
box-shadow:0 0 1px 1px rgba(33,32,28,.08),0 4px 8px -4px rgba(33,32,28,.12),0 16px 24px -8px rgba(33,32,28,.12);
-webkit-backdrop-filter:blur(40px);
backdrop-filter:blur(40px);
transition-property:transform,box-shadow,border-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.AutomateSection_card__I8mf2:focus-within,.AutomateSection_card__I8mf2:hover{
border-color:#485d5c;
box-shadow:0 0 1px 1px rgba(33,32,28,.08),0 12px 20px -8px rgba(33,32,28,.22),0 24px 40px -12px rgba(33,32,28,.24)}
@media (prefers-reduced-motion:no-preference){
.AutomateSection_card__I8mf2:focus-within,.AutomateSection_card__I8mf2:hover{
transform:translateY(-4px)}
}
.AutomateSection_card__I8mf2:has(.AutomateSection_cta__BAhPn:focus-visible){
outline:var(--outline-width) solid #fbfaf9;
outline-offset:var(--outline-offset)}
.AutomateSection_card__I8mf2 .AutomateSection_cta__BAhPn:focus-visible{
outline:none}
@media (min-width:64rem){
.AutomateSection_card__I8mf2{
flex-direction:row;
justify-content:space-between;
align-items:center;
block-size:365px}
.AutomateSection_content__U9D5F{
align-self:stretch}
}
.AutomateSection_content__U9D5F{
display:flex;
flex-direction:column;
gap:var(--space-step-3);
max-inline-size:52ch}
.AutomateSection_heading___IjsM{
margin:0;
font-family:"IBM Plex Mono",var(--font-family-mono);
font-weight:500;
font-size:27px;
line-height:1.2;
letter-spacing:-.03em;
color:#fbfaf9}
.AutomateSection_body__M9Jik{
display:flex;
flex-direction:column;
gap:var(--space-step-2)}
.AutomateSection_text__WHktG{
margin:0;
font-size:18px;
line-height:1.4;
color:rgba(251,250,249,.8)}
.AutomateSection_illustration__TUIaf{
flex:none;
inline-size:100%;
max-inline-size:480px;
block-size:auto;
margin-inline:auto}
.AutomateSection_cta__BAhPn{
-webkit-margin-before:auto;
margin-block-start:auto}
.AutomateSection_cta__BAhPn:before{
content:"";
position:absolute;
inset:0;
border-radius:10px}
.AutomateSection_card__I8mf2:focus-within .AutomateSection_cta__BAhPn svg,.AutomateSection_card__I8mf2:hover .AutomateSection_cta__BAhPn svg{
transform:rotate(-45deg)}
.CaseStudyCarousel_section__MWZf4{
padding-block:40px}
.CaseStudyCarousel_header___CIun{
margin-inline:auto;
max-inline-size:1280px;
padding-inline:var(--container-padding);
-webkit-margin-after:var(--space-step-5);
margin-block-end:var(--space-step-5);
display:flex;
flex-direction:column;
gap:var(--space-step-3)}
@media (min-width:48rem){
.CaseStudyCarousel_header___CIun{
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
gap:var(--space-step-5)}
}
.CaseStudyCarousel_intro__WXdTT{
display:flex;
flex-direction:column;
gap:var(--space-step-2)}
.CaseStudyCarousel_heading__6naey{
margin:0;
font-size:42px;
color:#fbfaf9}
.CaseStudyCarousel_subtext__4Fm5i{
margin:0;
max-inline-size:60ch;
font-size:24px;
line-height:1.4;
color:rgba(251,250,249,.8)}
.CaseStudyCarousel_indicator__60wyT{
flex-shrink:0;
display:flex;
gap:var(--space-step-1)}
.CaseStudyCarousel_dot__HndAW{
inline-size:69px;
block-size:10px;
padding:0;
border:none;
border-radius:var(--border-radius-full);
background-color:rgba(251,250,249,.25);
cursor:pointer;
transition-property:background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.CaseStudyCarousel_dot__HndAW:hover{
background-color:rgba(251,250,249,.45)}
.CaseStudyCarousel_dot__HndAW[data-active=true]{
background-color:#fbfaf9}
.CaseStudyCarousel_trackContainer__Ca0sB{
position:relative}
.CaseStudyCarousel_track__UHHiA{
--_slide-inline-size:min(88%,1062px);
--_edge-inset:max(var(--container-padding),calc((100% - 1280px) / 2 + var(--container-padding)));
display:flex;
gap:var(--space-step-3);
overflow-x:auto;
scroll-snap-type:x mandatory;
scroll-padding-inline-start:var(--_edge-inset);
scrollbar-width:none;
-webkit-padding-start:var(--_edge-inset);
padding-inline-start:var(--_edge-inset);
-webkit-padding-end:max(0px,calc(100% - var(--_slide-inline-size) - var(--_edge-inset)));
padding-inline-end:max(0px,calc(100% - var(--_slide-inline-size) - var(--_edge-inset)));
padding-block:12px 40px;
margin-block:-12px -40px}
.CaseStudyCarousel_track__UHHiA::-webkit-scrollbar{
display:none}
@media (min-width:72rem){
.CaseStudyCarousel_track__UHHiA{
--_slide-inline-size:1062px}
}
.CaseStudyCarousel_arrow__84t_Z{
display:none}
@media (min-width:48rem){
.CaseStudyCarousel_arrow__84t_Z{
position:absolute;
inset-block-start:50%;
transform:translateY(-50%);
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
inline-size:48px;
block-size:48px;
padding:0;
border:none;
border-radius:var(--border-radius-full);
background-color:var(--color-brand-primary);
color:var(--color-brand-dark);
box-shadow:0 2px 6px -1px rgba(33,32,28,.25),0 4px 12px -4px rgba(33,32,28,.15);
cursor:pointer;
transition-property:background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.CaseStudyCarousel_arrow__84t_Z:hover{
background-color:var(--color-green-200)}
.CaseStudyCarousel_arrow__84t_Z:focus-visible{
outline:var(--outline-width) solid #fbfaf9;
outline-offset:var(--outline-offset)}
.CaseStudyCarousel_arrow__84t_Z:disabled{
display:none}
.CaseStudyCarousel_arrowPrev__MRFy4{
inset-inline-start:var(--space-step-3)}
.CaseStudyCarousel_arrowNext__Z48wR{
inset-inline-end:var(--space-step-3)}
}
.CaseStudyCarousel_slide__3vmUR{
flex:0 0 auto;
inline-size:var(--_slide-inline-size);
scroll-snap-align:start}
.CaseStudyCarousel_card__7dJn8{
position:relative;
box-sizing:border-box;
display:flex;
flex-direction:column;
gap:var(--space-step-4);
padding:24px 40px;
background-color:rgba(33,49,48,.5);
border:.5px solid #354746;
border-radius:10px;
box-shadow:0 0 1px 1px rgba(33,32,28,.08),0 4px 8px -4px rgba(33,32,28,.12),0 16px 24px -8px rgba(33,32,28,.12);
-webkit-backdrop-filter:blur(40px);
backdrop-filter:blur(40px);
transition-property:transform,box-shadow,border-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
@media (min-width:48rem){
.CaseStudyCarousel_card__7dJn8{
flex-direction:row;
align-items:center;
block-size:492px}
}
.CaseStudyCarousel_card__7dJn8:focus-within,.CaseStudyCarousel_card__7dJn8:hover{
border-color:#485d5c;
box-shadow:0 0 1px 1px rgba(33,32,28,.08),0 12px 20px -8px rgba(33,32,28,.22),0 24px 40px -12px rgba(33,32,28,.24)}
@media (prefers-reduced-motion:no-preference){
.CaseStudyCarousel_card__7dJn8:focus-within,.CaseStudyCarousel_card__7dJn8:hover{
transform:translateY(-4px)}
}
.CaseStudyCarousel_card__7dJn8:has(.CaseStudyCarousel_caseLink__hZLiy:focus-visible){
outline:var(--outline-width) solid #fbfaf9;
outline-offset:var(--outline-offset)}
.CaseStudyCarousel_image__qFVTh{
flex:none;
inline-size:100%;
block-size:auto}
@media (min-width:48rem){
.CaseStudyCarousel_image__qFVTh{
inline-size:40%;
max-inline-size:22rem}
}
.CaseStudyCarousel_content__SA59g{
flex:1 1 auto;
min-inline-size:0;
display:flex;
flex-direction:column;
gap:var(--space-step-2)}
.CaseStudyCarousel_caseLink__hZLiy{
order:1;
align-self:flex-start;
display:inline-flex;
align-items:center;
gap:.5ch;
color:#fbfaf9;
font-size:var(--font-size-step--1);
text-decoration:underline;
text-underline-offset:.25rem}
@media (min-width:48rem){
.CaseStudyCarousel_caseLink__hZLiy{
order:0;
align-self:flex-end;
-webkit-margin-after:var(--space-step-2);
margin-block-end:var(--space-step-2)}
}
.CaseStudyCarousel_caseLink__hZLiy:before{
content:"";
position:absolute;
inset:0;
border-radius:10px}
.CaseStudyCarousel_caseLink__hZLiy:focus-visible{
outline:none}
.CaseStudyCarousel_caseLinkIcon__CNW19{
flex-shrink:0;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.CaseStudyCarousel_card__7dJn8:focus-within .CaseStudyCarousel_caseLinkIcon__CNW19,.CaseStudyCarousel_card__7dJn8:hover .CaseStudyCarousel_caseLinkIcon__CNW19{
transform:rotate(-45deg)}
.CaseStudyCarousel_quoteMark__dgInx{
flex:none;
display:block;
-webkit-margin-before:var(--space-step-3);
margin-block-start:var(--space-step-3)}
@media (min-width:48rem){
.CaseStudyCarousel_quoteMark__dgInx{
-webkit-margin-before:0;
margin-block-start:0}
}
.CaseStudyCarousel_quote__GMMuC{
margin:0;
font-size:var(--font-size-step-1);
line-height:1.45;
color:#fbfaf9}
.CaseStudyCarousel_name__6otHt{
margin:var(--space-step-2) 0 0;
font-weight:var(--font-weight-semibold);
color:#fbfaf9}
.CaseStudyCarousel_role__Uzxbi{
margin:0;
font-size:var(--font-size-step--1);
color:rgba(251,250,249,.6)}
.FavoriteToolSection_section__TGo_K{
margin-inline:auto;
max-inline-size:1280px;
padding-block:var(--space-step-5) var(--space-step-7-step-8);
padding-inline:var(--container-padding)}
.FavoriteToolSection_heading___QG9h{
margin:0;
font-size:42px;
line-height:1.3;
text-align:center}
.FavoriteToolSection_headingName__K32LV{
font-family:var(--font-family-heading);
font-weight:var(--font-weight-heading);
color:#fbfaf9}
.FavoriteToolSection_mobileBreak__5XBRF{
display:inline}
@media (min-width:64rem){
.FavoriteToolSection_mobileBreak__5XBRF{
display:none}
}
.FavoriteToolSection_headingAccent__ROxGq{
font-family:"IBM Plex Mono",var(--font-family-mono);
font-weight:500;
letter-spacing:-.03em;
color:#b0ec9c}
.FavoriteToolSection_brace__ULClB{
font-family:"Fira Code",var(--font-family-mono)}
.FavoriteToolSection_cards__Pi63P{
margin:var(--space-step-6) 0 0;
padding:0;
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--space-step-3)}
.FavoriteToolSection_card__BzekL{
box-sizing:border-box;
flex:0 1 320px;
block-size:220px;
display:flex;
flex-direction:column;
gap:var(--space-step-1);
padding:var(--space-step-3);
background-color:rgba(33,49,48,.5);
border:.5px solid #354746;
border-radius:10px;
-webkit-backdrop-filter:blur(40px);
backdrop-filter:blur(40px)}
@media (min-width:64rem){
.FavoriteToolSection_card__BzekL{
flex-basis:calc((100% - 2 * var(--space-step-3)) / 3)}
}
.FavoriteToolSection_cardIcon__zA2kD{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
padding:10px}
.FavoriteToolSection_cardHeading__PrHwk{
margin:0;
font-family:"IBM Plex Mono",var(--font-family-mono);
font-weight:400;
font-size:24px;
color:#fbfaf9}
.FavoriteToolSection_cardText__OoWHb{
margin:0;
font-size:15.5px;
line-height:1.4;
color:rgba(251,250,249,.7)}
.ButtonBrand_button__yaK_R{
position:relative;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border:none;
display:inline-flex;
color:var(--color-brand-dark);
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.ButtonBrand_button__yaK_R:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid}
.ButtonBrand_button__yaK_R:not([data-variant=inverse]):focus-visible{
outline-color:var(--color-brand-dark)}
.ButtonBrand_button__yaK_R[data-variant=inverse]:focus-visible{
outline-color:var(--color-white)}
.ButtonBrand_button__yaK_R:before{
content:"";
position:absolute;
inset:0;
border-radius:var(--border-radius-full);
background-color:transparent;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.ButtonBrand_button__yaK_R:hover:before{
transform:translateY(.125rem)}
.ButtonBrand_button__yaK_R:has(svg) .ButtonBrand_buttonContent__5EuHe{
-webkit-padding-end:1em;
padding-inline-end:1em}
.ButtonBrand_buttonContent__5EuHe{
position:relative;
inline-size:100%;
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-brand-primary);
background-color:var(--color-brand-primary);
padding-inline:1.25em;
display:inline-flex;
column-gap:var(--space-step-1);
align-items:center;
justify-content:center;
font-size:var(--font-size-step-0);
transition-property:outline-color,background-color,transform,color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
text-align:center}
.ButtonBrand_button__yaK_R:disabled .ButtonBrand_buttonContent__5EuHe{
opacity:.66;
cursor:not-allowed}
.ButtonBrand_button__yaK_R:not([data-size=large]) .ButtonBrand_buttonContent__5EuHe{
padding-block:.5em}
.ButtonBrand_button__yaK_R[data-size=large] .ButtonBrand_buttonContent__5EuHe{
padding-block:1em}
.ButtonBrand_button__yaK_R:not(:disabled):hover .ButtonBrand_buttonContent__5EuHe{
background-color:var(--color-green-400)}
.ButtonBrand_button__yaK_R:not[data-translate-on-hover=false]:hover .ButtonBrand_buttonContent__5EuHe{
transform:translateY(-.125rem)}
.ButtonBrand_icon__mayHb{
block-size:1.25rem;
inline-size:1.25rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.ButtonBrand_button__yaK_R:not(:disabled):hover .ButtonBrand_icon__mayHb{
transform:rotate(-45deg)}
.AIPostGenerator_label__4SRAe{
-webkit-margin-after:var(--space-step-1);
margin-block-end:var(--space-step-1);
font-size:var(--font-size-step-1);
color:var(--color-white);
text-align:center}
.AIPostGenerator_container__IuWUd{
border-radius:var(--border-radius-small);
background-color:var(--color-white);
inline-size:100%;
display:flex;
flex-direction:column;
gap:var(--space-step-3-step-5)}
.AIPostGenerator_content__HZkxo{
inline-size:100%}
.AIPostGenerator_tip__samtu{
-webkit-margin-before:var(--space-step-1);
margin-block-start:var(--space-step-1);
-webkit-margin-after:var(--space-step-3-step-5);
margin-block-end:var(--space-step-3-step-5);
font-size:var(--font-size-step--1);
color:var(--color-white);
text-align:center}
.AIPostGenerator_tip__samtu b{
font-weight:var(--font-weight-semibold)}
.AIPostGenerator_buttonContainer__ljOBa{
-webkit-margin-after:var(--space-step-3-step-5);
margin-block-end:var(--space-step-3-step-5);
display:flex;
justify-content:center}
.CopyToClipboard_button__UPnbJ{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-width:.0625rem;
border-style:solid;
border-radius:var(--border-radius-full);
padding:.5em 1em;
display:flex;
align-items:center;
justify-content:center;
gap:1ch;
cursor:pointer;
transition-property:border-color,background-color,outline-color,color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.CopyToClipboard_button__UPnbJ[data-size=default]{
font-size:var(--font-size-step--2);
font-weight:var(--font-weight-medium)}
.CopyToClipboard_button__UPnbJ[data-size=large]{
font-size:var(--font-size-step-0)}
.CopyToClipboard_button__UPnbJ[data-theme=default]{
border-color:transparent;
color:var(--color-neutral-800)}
.CopyToClipboard_button__UPnbJ[data-theme=default]:hover{
border-color:var(--color-neutral-400);
background-color:var(--color-neutral-100);
color:var(--color-brand-dark)}
.CopyToClipboard_button__UPnbJ[data-theme=primary]{
border-color:var(--color-green-300);
background-color:var(--color-green-300);
color:var(--color-brand-dark)}
.CopyToClipboard_button__UPnbJ[data-theme=primary]:hover{
background-color:var(--color-green-400)}
.CopyToClipboard_button__UPnbJ[data-theme=inverse]{
border-color:hsl(0 0% 100%/.16);
background-color:hsl(0 0% 100%/.04);
color:var(--color-white)}
.CopyToClipboard_button__UPnbJ[data-theme=inverse]:hover{
border-color:hsl(0 0% 100%/.32);
background-color:hsl(0 0% 100%/.12)}
.CopyToClipboard_button__UPnbJ:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.CopyToClipboard_button__UPnbJ[data-theme=inverse]:focus-visible{
outline-color:var(--color-white)}
[data-theme=default] .CopyToClipboard_buttonIcon__iZOFP{
color:var(--color-neutral-700)}
[data-theme=primary] .CopyToClipboard_buttonIcon__iZOFP{
color:var(--color-brand-dark)}
[data-theme=inverse] .CopyToClipboard_buttonIcon__iZOFP{
color:var(--color-white)}
.Breadcrumbs_list__yKeNX{
--_item-column-gap:0.5ch;
-webkit-padding-start:0;
padding-inline-start:0;
display:flex;
flex-wrap:wrap;
column-gap:var(--_item-column-gap);
list-style:"";
font-size:var(--font-size-step--1)}
.Breadcrumbs_listItem__jq0Zq{
display:flex;
align-items:center;
column-gap:var(--_item-column-gap)}
.Breadcrumbs_separator__LYMTo{
block-size:1.25rem;
inline-size:1.25rem;
fill:var(--color-neutral-800)}
.Breadcrumbs_link__ge_Se{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.25rem;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.Breadcrumbs_link__ge_Se:not([aria-current]){
color:var(--color-neutral-800);
text-decoration:none;
transition-property:outline-color,color}
.Breadcrumbs_link__ge_Se:not([aria-current]):hover{
color:var(--color-brand-dark);
text-decoration:underline}
.Breadcrumbs_link__ge_Se[aria-current]{
text-decoration:underline;
transition-property:outline-color}
.Breadcrumbs_link__ge_Se:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.EmojiTile_tile__h7GqT{
position:relative;
border-radius:.25rem;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
text-align:center;
vertical-align:middle}
.EmojiTile_tile__h7GqT[data-theme=neutral]{
background-color:var(--color-neutral-200)}
.EmojiTile_tile__h7GqT[data-theme=aqua]{
background-color:var(--color-aqua-300)}
.EmojiTile_tile__h7GqT[data-theme=blue]{
background-color:var(--color-blue-300)}
.EmojiTile_tile__h7GqT[data-theme=coral]{
background-color:var(--color-coral-300)}
.EmojiTile_tile__h7GqT[data-theme=fuscia]{
background-color:var(--color-fuscia-300)}
.EmojiTile_tile__h7GqT[data-theme=green]{
background-color:var(--color-green-300)}
.EmojiTile_tile__h7GqT[data-theme=orange]{
background-color:var(--color-orange-300)}
.EmojiTile_tile__h7GqT[data-theme=pink]{
background-color:var(--color-pink-300)}
.EmojiTile_tile__h7GqT[data-theme=purple]{
background-color:var(--color-purple-300)}
.EmojiTile_tile__h7GqT[data-theme=yellow]{
background-color:var(--color-yellow-300)}
.EmojiTile_tile__h7GqT[data-size=small]{
block-size:2.25rem;
inline-size:2.25rem;
font-size:1.25rem}
.EmojiTile_tile__h7GqT[data-size=medium]{
block-size:3.375rem;
inline-size:3.375rem;
font-size:2rem}
.EmojiTile_tile__h7GqT[data-size=large]{
block-size:4rem;
inline-size:4rem;
font-size:2.5rem}
.pl-button-line-icon-button{
--_background-color-hover:var(--color-neutral-200);
--_foreground-color:var(--color-brand-dark);
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border:none;
border-radius:var(--border-radius-small);
background-color:transparent;
padding:.5rem;
display:flex;
align-items:center;
justify-content:center;
gap:1ch;
transition-property:background-color,outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-button-line-icon-button[data-theme=dark]{
--_background-color-hover:var(--color-brand-mid);
--_foreground-color:var(--color-white)}
.pl-button-line-icon-button:hover{
background-color:var(--_background-color-hover)}
.pl-button-line-icon-button:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.pl-details-summary{
margin-inline:calc(var(--space-step-2) * -1);
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
padding-inline:var(--space-step-2);
list-style:"";
cursor:pointer;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-details-summary:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
[data-theme=dark] .pl-details-summary:focus-visible{
outline-color:var(--color-white)}
.pl-details-summary::marker{
display:none}
.pl-details-summary::-webkit-details-marker{
display:none}
.pl-details-summary-content{
-webkit-border-after:.0625rem solid var(--color-neutral-400);
border-block-end:.0625rem solid var(--color-neutral-400);
padding-block:.25rem;
display:flex;
align-items:center;
justify-content:space-between}
.pl-details-summary:focus-visible .pl-details-summary-content{
border-block-end-color:transparent}
.pl-details-summary-icon{
flex-shrink:0;
-webkit-margin-start:.5rem;
margin-inline-start:.5rem;
fill:currentColor;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-details-details[open]>.pl-details-summary .pl-details-summary-icon{
transform:rotate(-.5turn)}
.pl-details-content{
-webkit-padding-before:var(--space-step-3);
padding-block-start:var(--space-step-3)}
.pl-details-content :not([class])+:not([class]){
-webkit-margin-before:var(--space-step-3);
margin-block-start:var(--space-step-3)}
.pl-buffer-logo-logo{
fill:currentColor}
.pl-navigation-menu-menu{
--_content-padding:var(--space-step-3-step-5);
--_content-offset:0rem;
--_background-color-hover:var(--color-neutral-300);
--_foreground-color:var(--color-brand-dark);
position:relative}
.pl-navigation-menu-menu[data-theme=brand-dark],.pl-navigation-menu-menu[data-theme=dark]{
--_background-color-hover:var(--color-brand-mid);
--_foreground-color:var(--color-white)}
.pl-navigation-menu-menu[data-theme=brand-dark]{
--_background-color-hover:#283f3e}
.pl-navigation-menu-trigger{
position:relative;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border:none;
border-radius:.375rem;
padding:.25em .5em .25em .75em;
display:flex;
align-items:center;
gap:.5ch;
color:var(--_foreground-color);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-navigation-menu-trigger:hover,.pl-navigation-menu-trigger[data-state=open]{
background-color:var(--_background-color-hover);
color:var(--_foreground-color)}
.pl-navigation-menu-trigger:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--_foreground-color)}
[data-size=small] .pl-navigation-menu-trigger{
font-size:var(--font-size-step--1)}
.pl-navigation-menu-trigger-icon-container{
position:relative;
block-size:1rem;
inline-size:1rem}
.pl-navigation-menu-trigger-icon{
position:absolute;
inset:0;
block-size:1rem;
inline-size:1rem;
transition-property:opacity;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-navigation-menu-trigger-icon-down{
opacity:1}
.pl-navigation-menu-trigger-icon-up,[aria-expanded=true] .pl-navigation-menu-trigger-icon-down{
opacity:0}
[aria-expanded=true] .pl-navigation-menu-trigger-icon-up{
opacity:1}
.pl-navigation-menu-content{
display:none;
position:absolute;
inset-block-start:calc(100% + var(--space-step-1));
z-index:1;
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
border-radius:var(--border-radius-medium);
min-inline-size:max-content;
background-color:var(--color-neutral-050);
padding-block:var(--space-step-3);
padding-inline:var(--_content-padding);
box-shadow:var(--shadow-floating)}
[data-position=start] .pl-navigation-menu-content{
inset-inline-start:calc((var(--_content-padding) * -1) + var(--_content-offset))}
[data-position=end] .pl-navigation-menu-content{
inset-inline-end:calc(var(--_content-padding) * -1)}
.pl-navigation-menu-content[data-state=open]{
display:initial}
.pl-navigation-menu-menu[data-centered=true] .pl-navigation-menu-content{
position:fixed;
inset-block-start:4rem;
inset-inline-start:50%;
inset-inline-end:auto;
transform:translateX(-50%);
max-inline-size:calc(100vw - 2rem);
padding-block:var(--_content-padding)}
.pl-navigation-menu-menu[data-theme=brand-dark] .pl-navigation-menu-content{
inset-block-start:calc(100% + 1.5rem);
border-width:0;
border-radius:10px;
background-color:#283e3d;
box-shadow:0 0 1px 1px rgba(33,32,28,.08),0 4px 8px -4px rgba(33,32,28,.12),0 16px 24px -8px rgba(33,32,28,.12)}
.pl-navigation-menu-menu[data-theme=brand-dark][data-centered=true] .pl-navigation-menu-content{
inset-block-start:5rem}
.ButtonGhost_button__yXpPC{
--_border-radius:var(--border-radius-full);
--_border-color:var(--_foreground-color);
--_outline-color:var(--_foreground-color);
position:relative;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border:none;
display:inline-flex;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.ButtonGhost_button__yXpPC:not([data-variant=inverse]){
--_background-color:var(--color-neutral-050);
--_foreground-color:var(--color-brand-dark)}
.ButtonGhost_button__yXpPC[data-variant=inverse]{
--_background-color:var(--color-brand-dark);
--_foreground-color:var(--color-white)}
.ButtonGhost_button__yXpPC[data-theme=aqua]{
--_background-color:var(--color-aqua-300)}
.ButtonGhost_button__yXpPC[data-theme=blue]{
--_background-color:var(--color-blue-300)}
.ButtonGhost_button__yXpPC[data-theme=coral]{
--_background-color:var(--color-coral-300)}
.ButtonGhost_button__yXpPC[data-theme=fuscia]{
--_background-color:var(--color-fuscia-300)}
.ButtonGhost_button__yXpPC[data-theme=green]{
--_background-color:var(--color-green-300)}
.ButtonGhost_button__yXpPC[data-theme=orange]{
--_background-color:var(--color-orange-300)}
.ButtonGhost_button__yXpPC[data-theme=pink]{
--_background-color:var(--color-pink-300)}
.ButtonGhost_button__yXpPC[data-theme=purple]{
--_background-color:var(--color-purple-300)}
.ButtonGhost_button__yXpPC[data-theme=yellow]{
--_background-color:var(--color-yellow-300)}
.ButtonGhost_button__yXpPC:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid}
.ButtonGhost_button__yXpPC:not([data-variant=inverse]):focus-visible{
outline-color:var(--color-brand-dark)}
.ButtonGhost_button__yXpPC[data-variant=inverse]:focus-visible{
outline-color:var(--color-white)}
.ButtonGhost_button__yXpPC:before{
content:"";
position:absolute;
inset:0;
border-radius:var(--_border-radius);
background-color:var(--_foreground-color);
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.ButtonGhost_button__yXpPC:hover:before{
transform:translateY(.125rem)}
.ButtonGhost_buttonContent__KVyTC{
position:relative;
flex:1 1;
border-radius:var(--_border-radius);
border-width:.0625rem;
border-style:solid;
border-color:var(--_border-color);
background-color:var(--_background-color);
padding-inline:1.25em;
display:inline-flex;
align-items:center;
justify-content:center;
column-gap:var(--space-step-2);
font-size:var(--font-size-step-0);
color:var(--_foreground-color);
text-align:center;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.ButtonGhost_buttonContent__KVyTC:has(svg){
-webkit-padding-end:1.25em;
padding-inline-end:1.25em}
.ButtonGhost_button__yXpPC:not([data-size=large]) .ButtonGhost_buttonContent__KVyTC{
padding-block:.5em}
.ButtonGhost_button__yXpPC[data-size=large] .ButtonGhost_buttonContent__KVyTC{
padding-block:1em}
.ButtonGhost_button__yXpPC:hover .ButtonGhost_buttonContent__KVyTC{
transform:translateY(-.125rem)}
.pl-nav-header{
--_background-color:var(--color-neutral-050);
--_background-color-hover:var(--color-neutral-200);
--_foreground-color:var(--color-brand-dark);
position:-webkit-sticky;
position:sticky;
inset-block-start:0;
z-index:2;
background-color:var(--_background-color);
color:var(--_foreground-color)}
.pl-nav-header[data-theme=dark]{
--_background-color:hsl(178 18% 26%);
--_background-color-hover:var(--color-brand-mid);
--_foreground-color:var(--color-white)}
.pl-nav-header[data-theme=brand-dark]{
--_background-color:var(--color-brand-dark);
--_background-color-hover:#283f3e;
--_foreground-color:var(--color-white)}
.pl-nav-nav{
padding-block:.875rem}
.pl-nav-content{
justify-content:space-between;
gap:var(--space-step-1)}
.pl-nav-content-leading,.pl-nav-content{
position:relative;
display:flex;
align-items:center}
.pl-nav-logo-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-small);
display:inline-flex;
align-items:center;
justify-content:center;
color:var(--_foreground-color);
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-nav-logo-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--_foreground-color)}
.pl-nav-logo{
block-size:1.5rem;
inline-size:auto}
@media (min-width:36rem){
.pl-nav-logo{
block-size:2rem}
}
.pl-nav-content-middle{
display:none}
@media (min-width:72rem){
.pl-nav-content-middle{
display:flex;
align-items:center;
gap:var(--space-step-1)}
}
.pl-nav-nav-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.375rem;
padding:.25em .75em;
color:var(--_foreground-color);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-nav-nav-link:hover{
background-color:var(--_background-color-hover);
color:var(--_foreground-color)}
.pl-nav-nav-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--_foreground-color)}
.Nav_popoverTrigger__7bIQa{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border:none;
border-radius:var(--border-radius-full);
padding:.25em .5em .25em .75em;
display:flex;
align-items:center;
gap:var(--space-step-1);
color:var(--_foreground-color);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.Nav_popoverTrigger__7bIQa:hover,.Nav_popoverTrigger__7bIQa[data-state=open]{
background-color:var(--_background-color-hover);
color:var(--_foreground-color)}
.Nav_popoverTrigger__7bIQa:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--_foreground-color)}
.Nav_popoverContent__HxnMb{
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
border-radius:var(--border-radius-medium);
background-color:var(--color-neutral-050);
padding:var(--space-step-3-step-5);
box-shadow:var(--shadow-floating)}
.pl-nav-menu-item{
-webkit-padding-start:0;
padding-inline-start:0;
list-style:"";
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:var(--space-step-1);
gap:var(--space-step-1)}
.pl-nav-menu-item>li{
display:grid}
.pl-nav-menu-item-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-small);
padding:var(--space-step-1);
display:flex;
gap:var(--space-step-1);
color:var(--color-brand-dark);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-nav-menu-item-link:hover{
background-color:var(--color-neutral-100)}
.pl-nav-menu-item-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.pl-nav-menu-item-icon{
color:var(--color-neutral-800)}
.pl-nav-menu-item-text{
flex:1 1;
display:flex;
flex-direction:column;
gap:.25rem}
.pl-nav-menu-item-text-leading{
display:flex;
align-items:center;
justify-content:flex-start;
gap:var(--space-step-1)}
.pl-nav-menu-item-description,.pl-nav-menu-item-title{
font-size:var(--font-size-step--1)}
.pl-nav-menu-item-description{
color:var(--color-neutral-800)}
@media (min-width:72rem){
.pl-nav-menu-item-description{
max-inline-size:25ch}
}
.pl-nav-integrations-layout{
display:flex;
align-items:flex-start;
gap:var(--space-step-3-step-5)}
.pl-nav-integrations-section{
display:block;
min-inline-size:0}
.pl-nav-integrations-divider{
align-self:stretch;
-webkit-border-start:.5px solid #dadad0;
border-inline-start:.5px solid #dadad0}
.pl-nav-header[data-theme=brand-dark] .pl-nav-integrations-divider{
border-inline-start-color:var(--color-white)}
.pl-nav-integrations-heading{
margin:0;
padding-inline:var(--space-step-1);
font-family:var(--font-family-sans);
font-size:var(--font-size-step--3);
font-weight:var(--font-weight-semibold);
line-height:1;
letter-spacing:1px;
text-transform:uppercase;
color:var(--color-neutral-600)}
.pl-nav-header[data-theme=brand-dark] .pl-nav-integrations-heading{
color:#e4e3dd}
.pl-nav-channels,.pl-nav-tools{
margin-block:var(--space-step-2) 0;
-webkit-padding-start:0;
padding-inline-start:0;
list-style:"";
color:var(--color-brand-dark)}
.pl-nav-channel-row,.pl-nav-tool-row{
display:flex;
column-gap:var(--space-step-2)}
.pl-nav-channel-row:not(:first-child),.pl-nav-tool-row:not(:first-child){
-webkit-margin-before:var(--space-step-2);
margin-block-start:var(--space-step-2)}
.pl-nav-channel-row>a{
inline-size:13.5rem}
.pl-nav-tool-row>a{
inline-size:8.75rem}
.pl-nav-tool-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-small);
padding:var(--space-step-1);
display:flex;
gap:var(--space-step-1);
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-semibold);
line-height:var(--line-height-heading);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-nav-tool-link:hover{
background-color:var(--color-neutral-200)}
.pl-nav-tool-link:focus-visible{
outline-color:var(--color-brand-dark)}
.pl-nav-tool-icon{
flex-shrink:0;
inline-size:1rem;
block-size:1rem;
border-radius:.25rem}
.pl-nav-tools-see-all{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-small);
-webkit-margin-before:var(--space-step-2);
margin-block-start:var(--space-step-2);
padding:var(--space-step-1);
display:inline-flex;
align-items:center;
gap:.5ch;
color:var(--color-neutral-600);
font-size:var(--font-size-step--2);
font-weight:var(--font-weight-semibold);
line-height:1;
text-decoration:underline;
-webkit-text-decoration-skip-ink:none;
text-decoration-skip-ink:none;
text-underline-position:from-font;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-nav-tools-see-all:focus-visible{
outline-color:var(--color-neutral-600)}
.pl-nav-integrations-section .pl-nav-tools-see-all{
display:flex;
inline-size:-moz-fit-content;
inline-size:fit-content}
.pl-nav-tools-see-all-icon{
inline-size:1rem;
block-size:1rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-nav-tools-see-all:hover .pl-nav-tools-see-all-icon{
transform:translateX(.125rem)}
.Nav_mobileSectionHeading__3TsSF{
margin:0;
padding-block:var(--space-step-1);
font-size:var(--font-size-step--3);
font-weight:var(--font-weight-semibold);
line-height:1;
letter-spacing:1px;
text-transform:uppercase;
color:var(--color-neutral-600)}
.Nav_mobileSectionHeading__3TsSF:not(:first-child){
-webkit-margin-before:var(--space-step-2);
margin-block-start:var(--space-step-2)}
.pl-nav-channel-link{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-small);
padding:var(--space-step-1);
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-semibold);
line-height:var(--line-height-heading);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-nav-channel-link:hover{
background-color:var(--color-neutral-200)}
.pl-nav-channel-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.pl-nav-channel-link-logo-container{
flex-shrink:0;
background-color:var(--channel-theme-color);
border-radius:.25rem;
padding:.125rem;
color:var(--color-white)}
.pl-nav-channel-link-logo{
block-size:.75rem;
inline-size:.75rem}
.pl-nav-channel-link-text,.pl-nav-channel-link{
display:flex;
align-items:center;
gap:var(--space-step-1)}
.pl-nav-channel-link-text{
flex:1 1;
justify-content:space-between;
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-semibold)}
.pl-nav-header[data-theme=brand-dark] .pl-nav-channels,.pl-nav-header[data-theme=brand-dark] .pl-nav-menu-item-link,.pl-nav-header[data-theme=brand-dark] .pl-nav-tool-link,.pl-nav-header[data-theme=brand-dark] .pl-nav-tools-see-all{
color:#fbfaf9}
.pl-nav-header[data-theme=brand-dark] .pl-nav-channel-link:hover,.pl-nav-header[data-theme=brand-dark] .pl-nav-menu-item-link:hover,.pl-nav-header[data-theme=brand-dark] .pl-nav-tool-link:hover{
background-color:#253938}
.pl-nav-header[data-theme=brand-dark] .pl-nav-channel-link:focus-visible,.pl-nav-header[data-theme=brand-dark] .pl-nav-menu-item-link:focus-visible,.pl-nav-header[data-theme=brand-dark] .pl-nav-tool-link:focus-visible,.pl-nav-header[data-theme=brand-dark] .pl-nav-tools-see-all:focus-visible{
outline-color:var(--color-white)}
.pl-nav-header[data-theme=brand-dark] .pl-nav-menu-item-icon{
color:#fbfaf9}
.pl-nav-header[data-theme=brand-dark] .pl-nav-menu-item-description{
color:#e4e3dd}
.Nav_searchDialogOverlay__qmq0l{
position:fixed;
inset:0}
.Nav_searchDialogContent__2UiAH{
position:fixed;
inset-block-start:50%;
inset-inline-start:50%;
transform:translate(-50%,-50%);
inline-size:90dvw;
max-inline-size:20rem;
max-block-size:85dvh;
background-color:var(--color-neutral-050)}
.pl-nav-content-trailing{
position:relative;
display:flex;
align-items:center;
gap:var(--space-step-1)}
.pl-nav-guest-ctas{
display:contents}
.pl-nav-user-ctas,[data-buffer-user=true] .pl-nav-guest-ctas{
display:none}
[data-buffer-user=true] .pl-nav-user-ctas{
display:contents}
.pl-nav-guest-ctas .pl-nav-login-link{
display:none}
@media (min-width:36rem){
.pl-nav-guest-ctas .pl-nav-login-link{
display:initial}
}
.pl-nav-signup-link{
display:none}
@media (min-width:22rem){
.pl-nav-signup-link{
display:initial}
}
.Nav_menuClose__YW9vB,.pl-nav-menu-trigger{
-webkit-margin-end:-.5rem;
margin-inline-end:-.5rem}
@media (min-width:72rem){
.pl-nav-menu-trigger.pl-nav-menu-trigger{
display:none}
}
.Nav_menuContentPanel__R3KkS{
position:fixed;
inset:0;
max-block-size:100dvb;
background-color:var(--color-neutral-050);
padding-inline:var(--space-step-3-step-5);
-webkit-padding-after:var(--space-step-5-step-7);
padding-block-end:var(--space-step-5-step-7);
overflow-y:auto}
.Nav_menuContentLeading__8I7_1{
-webkit-margin-after:var(--space-step-3-step-5);
margin-block-end:var(--space-step-3-step-5);
padding-block:.875rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-step-1)}
.Nav_menuContent__ujZ8C{
display:flex;
flex-direction:column;
gap:var(--space-step-3)}
.Nav_menuContent__ujZ8C .text-heading{
font-family:var(--font-family-sans);
font-weight:var(--font-weight-semibold);
letter-spacing:var(--letter-spacing-regular)}
.Nav_menuContentList__FaB0t{
-webkit-padding-start:0;
padding-inline-start:0;
list-style:"";
display:flex;
flex-direction:column;
gap:var(--space-step-1)}
.Nav_menuContentListItem__GRXp0 a{
margin-inline:calc(var(--space-step-1) * -1)}
.Nav_menuNavLink__aJ5jU{
margin-inline:-.75em}
.Nav_menuCTAs__2b6Zj{
-webkit-margin-before:var(--space-step-3-step-5);
margin-block-start:var(--space-step-3-step-5);
display:flex;
flex-direction:column;
gap:var(--space-step-1)}
.EmailSuggestions_suggestionButton__gb1CB{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border:none;
border-radius:.25rem;
background-color:transparent;
padding:0;
color:var(--color-brand-dark);
text-decoration:underline;
transition-property:outline-color,color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.EmailSuggestions_suggestionButton__gb1CB:hover{
color:var(--color-green-700)}
.EmailSuggestions_suggestionButton__gb1CB:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.EmailSignupForm_form__OUVDF{
display:flex;
flex-direction:column;
align-items:center;
text-align:center}
.EmailSignupForm_formInputContainer___Fmtt{
-webkit-margin-after:var(--space-step-2);
margin-block-end:var(--space-step-2);
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-step-1)}
@media (min-width:48rem){
.EmailSignupForm_formInputContainer___Fmtt{
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-700);
background-color:var(--color-neutral-050);
flex-direction:row;
align-items:center;
padding:.25rem;
box-shadow:var(--shadow-raised)}
}
.EmailSignupForm_formInput__g1FZ6{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-700);
min-inline-size:16rem;
background-color:var(--color-white);
padding:1em 1.5em;
font-size:var(--font-size-step-0);
box-shadow:var(--shadow-raised);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.EmailSignupForm_formInput__g1FZ6::placeholder{
color:var(--color-neutral-500)}
.EmailSignupForm_formInput__g1FZ6:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
@media (min-width:48rem){
.EmailSignupForm_formInput__g1FZ6{
border:none;
box-shadow:none}
}
@media (min-width:64rem){
.EmailSignupForm_formInput__g1FZ6{
min-inline-size:24rem}
}
.EmailSignupForm_formNotice__OvWQ6{
-webkit-margin-before:var(--space-step-1);
margin-block-start:var(--space-step-1);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-yellow-400);
border-radius:var(--border-radius-small);
background-color:var(--color-yellow-050);
padding:var(--space-step-1);
font-size:var(--font-size-step--2)}
.EmailSignupForm_formSupportingText__UlhNA{
max-inline-size:25ch;
font-size:var(--font-size-step--2);
color:var(--color-neutral-700)}
@media (min-width:48rem){
.EmailSignupForm_formSupportingText__UlhNA{
max-inline-size:100%;
-webkit-padding-start:var(--space-step-4);
padding-inline-start:var(--space-step-4)}
}
.Overlap_overlap__jgA1u{
--_overlap-leading-background-color:transparent;
--_overlap-trailing-background-color:transparent;
position:relative}
.Overlap_overlapLeading__CCrSh,.Overlap_overlapTrailing___F0lh{
position:absolute;
inset-inline:0;
height:50%}
.Overlap_overlapLeading__CCrSh{
inset-block-start:0;
background-color:var(--_overlap-leading-background-color)}
.Overlap_overlapTrailing___F0lh{
inset-block-end:0;
background-color:var(--_overlap-trailing-background-color)}
.Overlap_overlapContent__85rXV{
position:relative;
z-index:1}
.HeroSection_section__tcz7m{
background-color:var(--color-neutral-100);
padding-block:var(--space-step-5-step-7)}
.HeroSection_container__m9YoV{
display:grid;
grid-gap:var(--space-step-3-step-5);
gap:var(--space-step-3-step-5)}
@media (min-width:48rem){
.HeroSection_container__m9YoV{
grid-template-columns:1fr 1fr;
align-items:center;
gap:var(--gutter)}
}
.HeroSection_eyebrow__z4WgE{
-webkit-margin-after:var(--space-step-2);
margin-block-end:var(--space-step-2);
color:var(--color-green-700)}
.HeroSection_heading__EBQc7{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3);
font-size:var(--font-size-step-3)}
.HeroSection_text__qiCrO{
-webkit-margin-after:var(--space-step-3-step-5);
margin-block-end:var(--space-step-3-step-5)}
.HeroSection_ctas__SzWeE{
display:flex;
flex-wrap:wrap;
gap:var(--space-step-3)}
.HeroSection_footnote__S6pJC{
-webkit-margin-before:var(--space-step-3);
margin-block-start:var(--space-step-3);
color:var(--color-neutral-700);
font-size:var(--font-size-step--2)}
.HeroSection_imageContainer__97KVy{
display:flex;
align-items:center;
justify-content:center}
.HeroSection_animated__P5TW_ .HeroSection_ctas__SzWeE,.HeroSection_animated__P5TW_ .HeroSection_eyebrow__z4WgE,.HeroSection_animated__P5TW_ .HeroSection_footnote__S6pJC,.HeroSection_animated__P5TW_ .HeroSection_heading__EBQc7,.HeroSection_animated__P5TW_ .HeroSection_text__qiCrO{
animation:HeroSection_heroReveal__FVXj5 .65s cubic-bezier(.16,1,.3,1) both;
will-change:transform,opacity}
.HeroSection_animated__P5TW_ .HeroSection_eyebrow__z4WgE{
animation-delay:60ms}
.HeroSection_animated__P5TW_ .HeroSection_heading__EBQc7{
--reveal-shift:1rem;
animation-duration:.85s;
animation-delay:.12s}
.HeroSection_animated__P5TW_ .HeroSection_text__qiCrO{
animation-delay:.22s}
.HeroSection_animated__P5TW_ .HeroSection_ctas__SzWeE{
animation-delay:.32s}
.HeroSection_animated__P5TW_ .HeroSection_footnote__S6pJC{
animation-delay:.4s}
.HeroSection_animated__P5TW_ .HeroSection_imageContainer__97KVy{
animation:HeroSection_heroReveal__FVXj5 .8s cubic-bezier(.16,1,.3,1) .24s both}
@keyframes HeroSection_heroReveal__FVXj5{
0%{
opacity:0;
transform:translateY(var(--reveal-shift,.75rem))}
to{
opacity:1;
transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
.HeroSection_animated__P5TW_ .HeroSection_ctas__SzWeE,.HeroSection_animated__P5TW_ .HeroSection_eyebrow__z4WgE,.HeroSection_animated__P5TW_ .HeroSection_footnote__S6pJC,.HeroSection_animated__P5TW_ .HeroSection_heading__EBQc7,.HeroSection_animated__P5TW_ .HeroSection_imageContainer__97KVy,.HeroSection_animated__P5TW_ .HeroSection_text__qiCrO{
animation:none}
}
.Reveal_reveal__lS5vP{
opacity:0;
transform:translateY(.75rem);
transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);
will-change:opacity,transform}
.Reveal_reveal__lS5vP[data-visible=true]{
opacity:1;
transform:none;
will-change:auto}
@media (prefers-reduced-motion:reduce){
.Reveal_reveal__lS5vP{
opacity:1;
transform:none;
transition:none}
}
.NewsletterSignup_embed__ELCjG{
border-radius:var(--border-radius-small);
background-color:var(--color-neutral-050);
inline-size:100%}
.AdvocacyMetrics_metrics__c2b6W{
display:grid;
grid-template-columns:1fr;
grid-gap:var(--space-step-3);
gap:var(--space-step-3)}
@media (min-width:64rem){
.AdvocacyMetrics_metrics__c2b6W{
grid-template-columns:repeat(3,1fr)}
}
.AdvocacyMetrics_metric__3PGCU{
border-radius:var(--border-radius-small);
padding:var(--space-step-5);
display:flex;
flex-direction:column-reverse;
row-gap:var(--space-step-1)}
.AdvocacyMetrics_metric__3PGCU:first-of-type{
background-color:var(--color-coral-300)}
.AdvocacyMetrics_metric__3PGCU:nth-of-type(2){
background-color:var(--color-yellow-300)}
.AdvocacyMetrics_metric__3PGCU:nth-of-type(3){
background-color:var(--color-purple-300)}
.AdvocacyMetrics_metricValue__Rmv9T{
font-size:var(--font-size-step-2)}
.HeroSimple_hero__dWvMR{
-webkit-padding-before:var(--space-step-5-step-7);
padding-block-start:var(--space-step-5-step-7)}
.HeroSimple_container__QOYjU{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--space-step-3);
text-align:center}
.HeroSimple_heading__MvaSf{
font-size:var(--font-size-step-4)}
.HeroSimple_text__Wflzh{
max-inline-size:70ch}
.IntegrationIcons_integrations__C_3dV{
position:relative;
list-style:"";
-webkit-padding-start:0;
padding-inline-start:0;
margin-block:0;
display:flex;
flex-wrap:wrap;
gap:var(--space-step-3)}
.IntegrationIcons_integrationIconWrapper__7EE6t{
display:inline-flex;
align-items:center;
justify-content:center;
block-size:4rem;
inline-size:4rem;
border-radius:var(--border-radius-small);
box-shadow:var(--shadow-floating)}
.IntegrationIcons_integrationIconWrapperCompact__YQx1k{
block-size:clamp(2rem,12vw,4rem);
inline-size:clamp(2rem,12vw,4rem)}
.IntegrationIcons_integrationIconWrapperCompact__YQx1k svg{
max-block-size:62%;
max-inline-size:62%}
.IntegrationIcons_integrationIconWrapperCompact__YQx1k.IntegrationIcons_integrationIconWrapperCanva__BQLYI svg{
max-inline-size:72%}
.IntegrationIcons_integrationIconWrapperDropbox__QsEVX{
background-color:hsl(216,100%,50%)}
.IntegrationIcons_integrationIconWrapperGoogleDrive__z19CJ{
background-color:var(--color-white)}
.IntegrationIcons_integrationIconWrapperUnsplash__zvJ5Z{
background-color:hsl(0,0%,0%)}
.IntegrationIcons_integrationIconWrapperGooglePhotos__52s_k{
background-color:var(--color-white)}
.IntegrationIcons_integrationIconWrapperCanva__BQLYI{
background:linear-gradient(to bottom right,hsl(181,100%,40%) 19%,hsl(268,90%,54%) 86%)}
.IntegrationIcons_integrationIconWrapperOneDrive__iOW3F{
background-color:var(--color-white)}
.IntegrationIcons_integrationIconWrapperClaude__XIx5z{
overflow:hidden;
background-color:#d77655}
.IntegrationIcons_integrationIconWrapperChatgpt__2LZqb{
background-color:var(--color-white)}
.IntegrationIcons_integrationLink__lXPZt{
display:inline-flex;
border-radius:var(--border-radius-small);
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
transition:transform var(--transition-duration) var(--transition-timing-function),outline-color var(--transition-duration) var(--transition-timing-function)}
.IntegrationIcons_integrationLink__lXPZt:focus-visible{
outline-color:var(--color-brand-dark)}
.IntegrationIcons_integrationLink__lXPZt:hover{
transform:translateY(-.25rem)}
@media (prefers-reduced-motion:reduce){
.IntegrationIcons_integrationLink__lXPZt{
transition:none}
}
.IntegrationsSection_section__5x0Rv{
padding-block:var(--space-step-5-step-7)}
.IntegrationsSection_container__HYGZU{
padding:var(--space-step-4);
border-radius:var(--border-radius-medium);
background-color:var(--color-neutral-200);
display:grid;
grid-gap:var(--space-step-4);
gap:var(--space-step-4);
font-family:var(--font-family-sans)}
@media (min-width:48rem){
.IntegrationsSection_container__HYGZU{
padding:var(--space-step-5)}
}
@media (min-width:64rem){
.IntegrationsSection_container__HYGZU{
grid-template-columns:2fr 3fr;
column-gap:var(--gutter);
align-items:center}
}
.IntegrationsSection_contentLeading__Eq7lw{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-step-2)}
.IntegrationsSection_heading__uwFc4{
max-inline-size:44rem;
font-size:var(--font-size-step-3);
font-weight:var(--font-weight-regular);
line-height:1.1;
color:var(--color-brand-dark);
font-family:var(--font-family-heading)}
@media (max-width:47.9375rem){
.IntegrationsSection_heading__uwFc4{
font-size:var(--font-size-step-1)}
}
@media (min-width:64rem){
.IntegrationsSection_heading__uwFc4{
font-size:var(--font-size-step-1);
line-height:var(--line-height-regular)}
}
.IntegrationsSection_text__DXOOc{
max-inline-size:44rem;
font-size:var(--font-size-step-1);
line-height:1.3;
color:var(--color-brand-dark)}
@media (max-width:47.9375rem){
.IntegrationsSection_text__DXOOc{
font-size:var(--font-size-step-0)}
}
@media (min-width:64rem){
.IntegrationsSection_text__DXOOc{
font-size:var(--font-size-step-0);
line-height:1.2}
}
.IntegrationsSection_integrationsLink__DlEf_{
flex-shrink:0;
display:inline-flex;
align-items:center;
gap:.375rem;
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-medium);
color:#337046;
text-decoration:underline}
.IntegrationsSection_integrationsLinkIcon__dTZd8{
flex-shrink:0;
block-size:1rem;
inline-size:1rem;
transition:transform .2s ease-in-out}
.IntegrationsSection_integrationsLinkIcon__dTZd8 path{
stroke:currentColor;
stroke-width:1.5;
stroke-linejoin:round}
.IntegrationsSection_integrationsLink__DlEf_:hover .IntegrationsSection_integrationsLinkIcon__dTZd8{
transform:rotate(-45deg)}
.IntegrationsSection_contentTrailing__XXHVs{
display:flex;
align-items:center;
gap:var(--space-step-3)}
.IntegrationsSection_iconsContainer__JuVRJ{
position:relative;
flex:1 1 auto;
min-inline-size:0}
.IntegrationsSection_integrationIcons__QgQsM{
gap:clamp(.25rem,2vw,var(--space-step-3))}
@media (max-width:47.9375rem){
.IntegrationsSection_iconsContainer__JuVRJ .IntegrationsSection_integrationIcons__QgQsM{
flex-wrap:nowrap}
.IntegrationsSection_integrationIcons__QgQsM li{
flex:1 1;
min-inline-size:0}
.IntegrationsSection_integrationIcons__QgQsM li a{
display:flex;
inline-size:100%;
justify-content:center}
.IntegrationsSection_integrationIcons__QgQsM li a>[aria-hidden=true]{
inline-size:100%;
max-inline-size:3.2rem;
block-size:auto;
aspect-ratio:1}
}
@media (min-width:64rem){
.IntegrationsSection_integrationIcons__QgQsM{
flex-wrap:nowrap}
}
.IntegrationsSection_connector__bkfK5{
position:absolute;
inset:0;
display:none;
align-items:center;
color:var(--color-brand-dark)}
.IntegrationsSection_connectorLine__um9vv{
flex:1 1 auto;
-webkit-border-before:.0625rem dashed var(--color-brand-dark);
border-block-start:.0625rem dashed var(--color-brand-dark)}
.IntegrationsSection_connectorArrow__yn_qI{
flex-shrink:0;
color:var(--color-brand-dark)}
.IntegrationsSection_bufferMark__YCZIB{
flex-shrink:0;
display:none;
align-items:center;
justify-content:center;
block-size:6rem;
inline-size:6rem;
border-radius:var(--border-radius-small);
background-color:var(--color-brand-dark);
rotate:7deg;
box-shadow:var(--shadow-floating)}
.IntegrationsSection_bufferLogo__cq0Oy{
block-size:3.5rem;
inline-size:3.5rem;
color:var(--color-brand-primary)}
@media (min-width:84rem){
.IntegrationsSection_connector__bkfK5{
display:flex}
.IntegrationsSection_bufferMark__YCZIB{
display:inline-flex}
}
@media (max-width:47.9375rem){
.IntegrationsSection_container__HYGZU{
display:flex;
flex-direction:column;
padding-block:1.1875rem var(--space-step-5)}
.IntegrationsSection_contentLeading__Eq7lw,.IntegrationsSection_contentTrailing__XXHVs{
display:contents}
.IntegrationsSection_heading__uwFc4{
order:1}
.IntegrationsSection_iconsContainer__JuVRJ{
order:2}
.IntegrationsSection_text__DXOOc{
order:3}
.IntegrationsSection_integrationsLink__DlEf_{
order:4}
}
.Testimonial_section__KoFGX{
padding-block:var(--space-step-5-step-7)}
.Testimonial_card__4YNr0{
margin:0;
padding:var(--space-step-6);
border-radius:var(--border-radius-medium);
background-color:var(--theme-color-100);
display:flex;
flex-direction:column;
align-items:center;
gap:var(--space-step-5);
transition-property:transform,box-shadow;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
@media (min-width:64rem){
.Testimonial_card__4YNr0[data-has-image=true]{
flex-direction:row;
gap:var(--space-step-8);
padding-inline:var(--space-step-7-step-8)}
}
.Testimonial_card__4YNr0:focus-within,.Testimonial_card__4YNr0:hover{
box-shadow:0 .75rem 1.25rem -.5rem rgba(33,32,28,.12),0 1.5rem 2.5rem -.75rem rgba(33,32,28,.12)}
@media (prefers-reduced-motion:no-preference){
.Testimonial_card__4YNr0:focus-within,.Testimonial_card__4YNr0:hover{
transform:translateY(-.25rem)}
}
.Testimonial_photo__1LsZn{
position:relative;
inline-size:100%;
max-inline-size:24.5rem;
aspect-ratio:392/382;
border-radius:1.875rem;
overflow:hidden;
background-color:var(--theme-color-100)}
@media (min-width:64rem){
.Testimonial_photo__1LsZn{
flex-shrink:0;
inline-size:24.5rem}
}
.Testimonial_photo__1LsZn:before{
content:"";
position:absolute;
inset:14% 12%;
border-radius:1.25rem;
background-color:var(--theme-color-300)}
.Testimonial_image__Utz_P{
position:absolute;
inset:0;
inline-size:100%;
block-size:100%;
object-fit:cover;
object-position:top center}
.Testimonial_body__gdluJ{
flex:1 1 auto;
min-inline-size:0;
display:flex;
flex-direction:column;
gap:var(--space-step-2)}
.Testimonial_card__4YNr0[data-has-image=false] .Testimonial_body__gdluJ{
max-inline-size:48rem}
@media (min-width:64rem){
.Testimonial_card__4YNr0[data-has-image=true] .Testimonial_body__gdluJ{
display:grid;
grid-template-columns:1fr auto;
grid-template-areas:"mark link" "quote quote" "attribution attribution";
grid-column-gap:var(--space-step-3);
column-gap:var(--space-step-3);
grid-row-gap:var(--space-step-3);
row-gap:var(--space-step-3)}
.Testimonial_card__4YNr0[data-has-image=true] .Testimonial_markOpen__3yyPH{
grid-area:mark;
align-self:end}
.Testimonial_card__4YNr0[data-has-image=true] .Testimonial_caseStudyLink___GVae{
grid-area:link;
justify-self:end;
align-self:start;
-webkit-margin-after:var(--space-step-7);
margin-block-end:var(--space-step-7)}
.Testimonial_card__4YNr0[data-has-image=true] .Testimonial_quote__QduKI{
grid-area:quote}
.Testimonial_card__4YNr0[data-has-image=true] .Testimonial_source__olTHC{
grid-area:attribution}
}
.Testimonial_markOpen__3yyPH{
color:var(--theme-color-400)}
.Testimonial_quote__QduKI{
margin:0;
font-family:var(--font-family-sans);
font-size:var(--font-size-step-2);
line-height:1.4;
color:var(--color-brand-dark);
overflow-wrap:break-word}
.Testimonial_source__olTHC{
display:flex;
flex-direction:column;
gap:var(--space-step-2);
-webkit-margin-before:var(--space-step-2);
margin-block-start:var(--space-step-2)}
.Testimonial_personName__GUoYU{
font-family:var(--font-family-heading);
font-size:var(--font-size-step-0);
line-height:1.2;
letter-spacing:-.03em;
color:var(--color-brand-dark)}
.Testimonial_subtext__VAmOd{
font-size:var(--font-size-step--1);
line-height:1.4;
color:var(--color-brand-dark)}
.Testimonial_signature__x62Tq{
display:inline-flex;
align-items:center;
color:var(--color-brand-dark)}
.Testimonial_signature__x62Tq :is(img,svg){
display:block;
block-size:auto;
max-block-size:2rem;
inline-size:auto;
max-inline-size:100%}
.Testimonial_caseStudyLink___GVae{
flex-shrink:0;
display:inline-flex;
align-items:center;
gap:var(--space-step-2);
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-medium);
color:var(--color-brand-dark);
text-decoration:underline}
.Testimonial_caseStudyLinkIcon__YLENX{
flex-shrink:0;
block-size:1.4375rem;
inline-size:1.4375rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.Testimonial_caseStudyLink___GVae:focus-visible .Testimonial_caseStudyLinkIcon__YLENX,.Testimonial_caseStudyLink___GVae:hover .Testimonial_caseStudyLinkIcon__YLENX{
transform:rotate(-45deg)}
.insights_sectionsWrapper__TkBFF{
display:grid;
grid-gap:clamp(2rem,1.0625rem + 4.6875vi,5rem);
gap:clamp(2rem,1.0625rem + 4.6875vi,5rem);
padding-top:clamp(2rem,1.0625rem + 4.6875vi,5rem)}
.insights_sectionsWrapper__TkBFF>*{
min-inline-size:0}
.insights_channelsSection__TmVju.insights_channelsSection__TmVju{
-webkit-padding-before:0;
padding-block-start:0}
.insights_faqSection__L0w9w.insights_faqSection__L0w9w,.insights_integrationsSection__ifsHC.insights_integrationsSection__ifsHC,.insights_resourcesSection___kP4W.insights_resourcesSection___kP4W,.insights_testimonialSection__NaNKN.insights_testimonialSection__NaNKN{
padding-block:0}
@media (min-width:64rem){
.insights_faqSection__L0w9w>div>div{
align-items:flex-start}
}
.pl-benefits-section-benefit-section{
margin-inline:auto;
max-inline-size:var(--container-max-inline-size);
padding:var(--space-step-5-step-7) var(--space-step-3-step-5)}
.pl-benefits-section-benefit-section[data-theme=dark]{
color:var(--color-white)}
.pl-benefits-section-benefit-section[data-inner-width=wide]{
max-inline-size:var(--container-max-inline-size-wide)}
.pl-benefits-section-benefits{
display:grid;
grid-gap:var(--gutter);
gap:var(--gutter)}
@media (min-width:36rem){
.pl-benefits-section-benefits{
grid-template-columns:repeat(2,1fr)}
}
@media (min-width:80rem){
.pl-benefits-section-benefits{
grid-template-columns:repeat(4,1fr)}
}
.pl-benefits-section-benefit-content,.pl-benefits-section-benefit{
display:flex;
flex-direction:column;
row-gap:var(--space-step-2)}
.pl-benefits-section-benefit-heading{
font-size:var(--font-size-step-0)}
.pl-benefits-section-benefit-supporting-text{
font-size:var(--font-size-step--1)}
@keyframes Ticker_transformLeft__9TjXS{
0%{
transform:translateZ(0)}
to{
transform:translate3d(-100%,0,0)}
}
@keyframes Ticker_transformUp__y1y9f{
0%{
transform:translateZ(0)}
to{
transform:translate3d(0,-100%,0)}
}
.Ticker_ticker__OD_CL{
--_gap:var(--space-step-3);
--_animation-name:Ticker_transformLeft__9TjXS;
--_animation-duration:200s;
--_animation-timing-function:linear;
display:flex;
flex-wrap:nowrap;
gap:var(--_gap)}
.Ticker_ticker__OD_CL[data-direction=left]{
flex-direction:row;
align-items:center;
justify-content:center;
overflow-x:clip}
.Ticker_ticker__OD_CL[data-direction=up]{
flex-direction:column;
align-items:flex-start;
overflow-y:clip}
.Ticker_ticker__OD_CL[data-pause-on-hover=true]:hover .Ticker_items__uM4j3{
animation-play-state:paused}
.Ticker_items__uM4j3{
flex-shrink:0;
display:flex;
gap:var(--_gap);
will-change:transform}
[data-direction=left] .Ticker_items__uM4j3{
flex-direction:row;
align-items:center;
justify-content:center}
[data-direction=up] .Ticker_items__uM4j3{
flex-direction:column;
align-items:flex-start}
.Ticker_items__uM4j3:last-child{
display:none}
@media (prefers-reduced-motion:no-preference){
.Ticker_items__uM4j3{
animation-name:var(--_animation-name);
animation-duration:var(--_animation-duration);
animation-timing-function:var(--_animation-timing-function);
animation-iteration-count:infinite}
[data-direction=left] .Ticker_items__uM4j3{
animation-name:var(--_animation-name,transformLeft)}
[data-direction=up] .Ticker_items__uM4j3{
animation-name:var(--_animation-name,transformUp)}
.Ticker_items__uM4j3:last-child{
display:flex}
}
.Books_book__r7adP{
border-radius:var(--border-radius-small);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-400);
block-size:12.5rem;
inline-size:8.125rem;
overflow:hidden}
.Books_bookImage___zRZD{
block-size:100%;
inline-size:100%;
object-fit:cover}
.MonthlyMetrics_metrics__g2u95{
display:grid;
grid-template-columns:1fr;
grid-row-gap:var(--space-step-1);
row-gap:var(--space-step-1)}
@media (min-width:48rem){
.MonthlyMetrics_metrics__g2u95{
grid-template-columns:repeat(4,1fr);
column-gap:var(--space-step-3)}
}
@media (min-width:64rem){
.MonthlyMetrics_metrics__g2u95{
column-gap:var(--space-step-5)}
}
.MonthlyMetrics_metric__ePzBX{
border-radius:var(--border-radius-small);
padding:var(--space-step-3);
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-step-3)}
@media (min-width:48rem){
.MonthlyMetrics_metric__ePzBX{
flex-direction:column;
align-items:flex-start}
}
.MonthlyMetrics_metricMAU__nPEJC{
background-color:var(--color-yellow-300)}
.MonthlyMetrics_metricMRR__sV0XF{
background-color:var(--color-blue-300)}
.MonthlyMetrics_metricARPU__nC7mQ{
background-color:var(--color-purple-300)}
.MonthlyMetrics_metricARR__8kUaa{
background-color:var(--color-green-300)}
.MonthlyMetrics_metricTerm__HBtoG{
display:flex;
flex-direction:column}
.MonthlyMetrics_metricAbbreviation__Qf59t{
text-decoration:none}
.MonthlyMetrics_metricTitle__l6OFc{
font-size:var(--font-size-step--1)}
.MonthlyMetrics_metricValue__oVNOF{
font-size:var(--font-size-step-2)}
.LinkButtonTertiary_link__ri3L7{
--_outline-offset:0.5rem;
--_border-radius:var(--border-radius-full);
position:relative;
outline-width:var(--outline-width);
outline-offset:var(--_outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--_border-radius);
display:inline-flex;
text-decoration:underline;
text-underline-offset:.125rem;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.LinkButtonTertiary_link__ri3L7[data-size=small]{
font-size:var(--font-size-step--1)}
.LinkButtonTertiary_link__ri3L7:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--_outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.LinkButtonTertiary_link__ri3L7:before{
content:"";
position:absolute;
inset:0;
border-radius:var(--_border-radius);
background-color:transparent;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.LinkButtonTertiary_link__ri3L7:hover:before{
transform:translateY(.125rem)}
.LinkButtonTertiary_linkContent__Szmgw{
border-radius:var(--_border-radius);
display:flex;
align-items:center;
gap:.5ch;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.LinkButtonTertiary_link__ri3L7:hover .LinkButtonTertiary_linkContent__Szmgw{
transform:translateY(-.125rem)}
.LinkButtonTertiary_icon__gxeYa{
block-size:1.25rem;
inline-size:1.25rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.LinkButtonTertiary_link__ri3L7:not([data-icon-orientation=down]):hover .LinkButtonTertiary_icon__gxeYa{
transform:rotate(-45deg)}
.LinkButtonTertiary_link__ri3L7[data-icon-orientation=down]:hover .LinkButtonTertiary_icon__gxeYa{
transform:rotate(45deg)}
.LinkButtonTertiary_link__ri3L7[data-size=small] .LinkButtonTertiary_icon__gxeYa{
block-size:1rem;
inline-size:1rem}
.CustomerSupportSection_container__6tull{
padding-block:var(--space-step-5-step-7);
display:grid;
grid-gap:var(--space-step-5-step-7);
gap:var(--space-step-5-step-7)}
@media (min-width:64rem){
.CustomerSupportSection_container__6tull{
grid-template-columns:1fr 1fr;
align-items:center}
}
.CustomerSupportSection_contentLeading__RyK4e{
display:grid;
grid-gap:var(--space-step-3);
gap:var(--space-step-3)}
.CustomerSupportSection_eyebrow__L23tI{
color:var(--color-neutral-800)}
.CustomerSupportSection_heading__r8_oa{
font-size:var(--font-size-step-3)}
.CustomerSupportSection_text__7ovuQ{
max-inline-size:65ch}
.CustomerSupportSection_ctas__6uMcs{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3);
display:flex;
flex-wrap:wrap;
gap:var(--space-step-1)}
.CustomerSupportSection_learnMoreLink__lqE5b{
color:var(--color-neutral-800)}
.CustomerSupportSection_contentTrailing__RP5Xw{
display:flex;
align-items:center;
justify-content:center}
.CustomerSupportSection_imageContainer__xyoOe{
border-radius:var(--border-radius-medium);
display:inline-flex;
align-items:center;
justify-content:center;
overflow:hidden}
.CustomerSupportSection_image__IfZDE{
aspect-ratio:3/2}
.EmailForm_form__fPZiB{
display:flex;
flex-direction:column}
.EmailForm_formInputContainer__Kjebf{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-step-1)}
@media (min-width:48rem){
.EmailForm_formInputContainer__Kjebf{
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-700);
background-color:var(--color-neutral-050);
flex-direction:row;
align-items:center;
padding:.25rem;
box-shadow:var(--shadow-raised)}
}
.EmailForm_formInput__4tMV2{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--color-neutral-700);
min-inline-size:16rem;
inline-size:100%;
background-color:var(--color-white);
padding:1em 1.5em;
font-size:var(--font-size-step-0);
box-shadow:var(--shadow-raised);
transition-property:outline-color,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.EmailForm_formInput__4tMV2::placeholder{
color:var(--color-neutral-700)}
.EmailForm_formInput__4tMV2:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
@media (min-width:48rem){
.EmailForm_formInput__4tMV2{
border:none;
box-shadow:none}
}
@media (min-width:64rem){
.EmailForm_formInput__4tMV2{
min-inline-size:24rem}
}
.EmailForm_formButton___Oto3{
flex-shrink:0}
.EmailForm_formSupportingText__uNdSg{
-webkit-margin-before:var(--space-step-2);
margin-block-start:var(--space-step-2);
max-inline-size:25ch;
font-size:var(--font-size-step--2);
color:var(--color-neutral-700)}
@media (min-width:48rem){
.EmailForm_formSupportingText__uNdSg{
max-inline-size:100%;
-webkit-padding-start:var(--space-step-4);
padding-inline-start:var(--space-step-4)}
}
.AnimatedTile_container__s5raK{
position:relative}
.AnimatedTile_animatedElement__XM8Ap{
inline-size:100%;
block-size:100%;
display:flex;
align-items:center;
justify-content:center}
.AnimatedTile_debug__3V_gM{
position:absolute}
.CTASection_section__FwFAm{
padding-block:var(--space-step-3-step-5)}
.CTASection_section__FwFAm[data-full-width=true]{
background-color:var(--color-brand-mid)}
.CTASection_contentContainer__pOouk{
--_container-border-radius:var(--border-radius-medium);
--_container-padding:var(--space-step-1);
border-radius:var(--_container-border-radius)}
[data-theme=light] .CTASection_contentContainer__pOouk{
background-color:var(--color-neutral-050);
padding:var(--_container-padding);
box-shadow:var(--shadow-raised)}
[data-theme=dark] .CTASection_contentContainer__pOouk{
background-color:var(--color-brand-mid);
color:var(--color-white)}
.CTASection_content__GWvKY{
padding-block:var(--space-step-5-step-7);
padding-inline:var(--space-step-3-step-5);
display:flex;
flex-direction:column;
align-items:center;
row-gap:var(--space-step-3-step-5);
text-align:center}
[data-theme=light] .CTASection_content__GWvKY{
border-radius:calc(var(--_container-border-radius) - var(--_container-padding));
background-color:var(--color-green-300)}
@media (min-width:64rem){
.CTASection_content__GWvKY{
padding-inline:var(--space-step-5-step-7)}
}
.CTASection_heading__uKUws{
max-inline-size:20ch;
font-size:var(--font-size-step-3);
text-wrap:pretty}
@media (min-width:64rem){
.CTASection_heading__uKUws{
font-size:var(--font-size-step-4)}
}
.free-social-media-scheduler-buffer_adsHeader__oNbhc{
padding-block:1.5rem;
color:var(--color-brand-dark)}
.free-social-media-scheduler-buffer_adsHeaderInner__3Yss7{
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem}
.free-social-media-scheduler-buffer_adsHeaderLogo__vP42X{
display:block;
block-size:1.75rem;
inline-size:auto}
.free-social-media-scheduler-buffer_adsHeaderCta__R_gDl{
flex-shrink:0}
.HomeContent_channelsSection__7_rCG{
-webkit-padding-before:var(--space-step-5-step-7);
padding-block-start:var(--space-step-5-step-7)}
.LogoStrip_section__ONlOL{
border-block:1px solid var(--color-neutral-300);
background-color:var(--color-neutral-050);
padding-block:var(--space-step-2);
overflow:hidden}
.LogoStrip_section__ONlOL .LogoStrip_ticker__9InRE{
--_gap:0px;
justify-content:flex-start}
.LogoStrip_logo__zJQQK{
display:flex;
align-items:center;
padding-inline:calc(var(--space-step-7) / 2)}
.LogoStrip_logo__zJQQK img{
block-size:4rem;
inline-size:auto}
.FeatureTabs_section__VTOFo{
padding-block:var(--space-step-5-step-7)}
.FeatureTabs_eyebrow__XN1TG{
color:var(--color-green-700);
font-weight:var(--font-weight-semibold);
text-align:center}
.FeatureTabs_heading__b_nwj{
-webkit-margin-before:var(--space-step-1);
margin-block-start:var(--space-step-1);
font-size:var(--font-size-step-3);
text-align:center}
.FeatureTabs_text__O_6Zc{
-webkit-margin-before:var(--space-step-2);
margin-block-start:var(--space-step-2);
text-align:center}
.FeatureTabs_tabList__ozAK5{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--space-step-0);
-webkit-margin-before:calc(var(--space-step-3-step-4) * 2);
margin-block-start:calc(var(--space-step-3-step-4) * 2);
margin-inline:auto;
border:.5px solid var(--color-neutral-300);
border-radius:100vmax;
background-color:var(--color-white);
box-shadow:0 16px 24px -8px rgb(46 28 0/12%),0 4px 8px -4px rgb(46 28 0/12%),0 0 1px 1px rgb(51 31 0/9%);
padding:var(--space-step-0);
inline-size:-moz-fit-content;
inline-size:fit-content}
.FeatureTabs_tab__k6hdm{
border:1px solid transparent;
border-radius:100vmax;
background:none;
padding:var(--space-step-1) var(--space-step-2);
color:var(--color-neutral-800);
font-size:var(--font-size-step--1);
line-height:1;
cursor:pointer;
transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.FeatureTabs_tabLabel__6k4QA{
display:inline-flex;
flex-direction:column;
align-items:center}
.FeatureTabs_tabLabel__6k4QA:after{
content:attr(data-label);
visibility:hidden;
overflow:hidden;
block-size:0;
font-weight:600}
.FeatureTabs_tab__k6hdm:hover{
color:var(--color-brand-dark)}
.FeatureTabs_tab__k6hdm[aria-selected=true]{
border-color:#337046;
background-color:var(--color-green-050);
color:#337046;
font-weight:600}
@keyframes FeatureTabs_panel-enter__HfDne{
0%{
opacity:0;
translate:0 .5rem}
}
.FeatureTabs_panel__9M3he{
display:grid;
grid-gap:var(--space-step-3-step-5);
gap:var(--space-step-3-step-5);
-webkit-margin-before:4.375rem;
margin-block-start:4.375rem}
.FeatureTabs_panel__9M3he[hidden]{
display:none}
@media (min-width:48rem){
.FeatureTabs_panel__9M3he{
grid-template-columns:1fr 1fr;
align-items:center;
gap:var(--gutter)}
}
.FeatureTabs_panelImage__nXMa3{
animation:FeatureTabs_panel-enter__HfDne .4s ease both}
.FeatureTabs_panelContent__wVMZ3{
animation:FeatureTabs_panel-enter__HfDne .4s ease .1s both}
@media (prefers-reduced-motion:reduce){
.FeatureTabs_panelContent__wVMZ3,.FeatureTabs_panelImage__nXMa3{
animation:none}
}
.FeatureTabs_panelImage__nXMa3{
display:flex;
align-items:center;
justify-content:center;
aspect-ratio:62/45;
border-radius:var(--space-step-2);
background-color:var(--theme-color-300);
padding:var(--space-step-3-step-5);
overflow:hidden}
.FeatureTabs_panelImage__nXMa3[data-theme=green]{
background-color:var(--theme-color-200)}
.FeatureTabs_panelImage__nXMa3[data-align=center]{
padding:var(--space-step-1)}
.FeatureTabs_panelImage__nXMa3[data-align=center] img{
inline-size:80%}
.FeatureTabs_panelImage__nXMa3[data-align=left]{
justify-content:flex-start;
-webkit-padding-start:0;
padding-inline-start:0}
.FeatureTabs_panelImage__nXMa3[data-align=bottom-left]{
align-items:flex-end;
justify-content:flex-start;
-webkit-padding-after:0;
padding-block-end:0;
-webkit-padding-start:0;
padding-inline-start:0}
.FeatureTabs_panelImage__nXMa3 img{
block-size:auto;
inline-size:auto;
max-inline-size:100%;
max-block-size:100%;
object-fit:contain}
.FeatureTabs_panelHeading__5i55u{
-webkit-margin-after:var(--space-step-4);
margin-block-end:var(--space-step-4);
font-size:var(--font-size-step-1)}
.FeatureTabs_panelItems__3VEht{
display:flex;
flex-direction:column;
gap:var(--space-step-2);
margin:0;
padding:0;
list-style:none}
.FeatureTabs_panelItem__zPbG2{
display:flex;
gap:var(--space-step-1)}
.FeatureTabs_panelItemIcon__Z44ul{
flex-shrink:0;
-webkit-margin-before:.2em;
margin-block-start:.2em;
inline-size:1.25rem;
block-size:1.25rem;
color:var(--color-green-700)}
.FeatureTabs_panelItemHeading__vhwth{
font-weight:600}
.FeatureTabs_panelItemText__KOqh2{
color:var(--color-neutral-800);
font-size:var(--font-size-step--1)}

.FormSection_typeformWidget__A7XSk{
border-radius:var(--border-radius-medium);
min-block-size:40rem;
overflow:hidden}
.LinkBadge_linkBadge__M_dnJ{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:.25rem;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.LinkBadge_linkBadge__M_dnJ:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.TopicBadge_badge__0vjDp{
display:inline-flex;
align-items:center;
justify-content:center}
.pl-link-button-brand-link{
--_background-color:var(--color-brand-primary);
--_background-color-hover:var(--color-green-400);
position:relative;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border:none;
display:inline-flex;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-link-button-brand-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid}
.pl-link-button-brand-link:not([data-variant=inverse]):focus-visible{
outline-color:var(--color-brand-dark)}
.pl-link-button-brand-link[data-variant=inverse]:focus-visible{
outline-color:var(--color-white)}
.pl-link-button-brand-link:before{
content:"";
position:absolute;
inset:.0625rem;
border-radius:var(--border-radius-full);
background-color:transparent;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-brand-link:hover:before{
transform:translateY(.125rem)}
.pl-link-button-brand-link-content{
flex:1 1;
position:relative;
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--_background-color);
background-color:var(--_background-color);
padding-inline:1.25em;
display:inline-flex;
align-items:center;
justify-content:center;
column-gap:var(--space-step-1);
font-size:var(--font-size-step-0);
color:var(--color-brand-dark);
transition-property:border-color,background-color,transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-brand-link:not([data-size]) .pl-link-button-brand-link-content{
padding-block:.5em}
.pl-link-button-brand-link[data-size=medium] .pl-link-button-brand-link-content{
padding-block:.75em}
.pl-link-button-brand-link[data-size=large] .pl-link-button-brand-link-content{
padding-block:1em}
.pl-link-button-brand-link[data-shadow=true] .pl-link-button-brand-link-content{
box-shadow:var(--shadow-floating)}
.pl-link-button-brand-link:hover .pl-link-button-brand-link-content{
background-color:var(--_background-color-hover);
transform:translateY(-.125rem)}
.pl-link-button-brand-link:has(svg) .pl-link-button-brand-link-content{
-webkit-padding-end:1em;
padding-inline-end:1em}
.LinkButtonBrand_icon__cwo9U{
block-size:1.25rem;
inline-size:1.25rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-brand-link[data-icon-orientation=down] .LinkButtonBrand_icon__cwo9U{
transform:rotate(90deg)}
.pl-link-button-brand-link[data-icon-orientation=right]:hover .LinkButtonBrand_icon__cwo9U{
transform:rotate(-45deg)}
.pl-link-button-ghost-link{
--_border-radius:var(--border-radius-full);
--_border-color:var(--_foreground-color);
--_outline-color:var(--_foreground-color);
position:relative;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border:none;
display:inline-flex;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-link-button-ghost-link:not([data-variant=inverse]){
--_background-color:transparent;
--_background-color-hover:var(--color-neutral-100);
--_foreground-color:var(--color-brand-dark)}
.pl-link-button-ghost-link[data-variant=inverse]{
--_background-color:var(--color-brand-dark);
--_background-color-hover:var(--color-brand-mid);
--_foreground-color:var(--color-white)}
.pl-link-button-ghost-link[data-theme=aqua]{
--_background-color:var(--color-aqua-100);
--_background-color-hover:var(--color-aqua-200)}
.pl-link-button-ghost-link[data-theme=blue]{
--_background-color:var(--color-blue-100);
--_background-color-hover:var(--color-blue-200)}
.pl-link-button-ghost-link[data-theme=coral]{
--_background-color:var(--color-coral-100);
--_background-color-hover:var(--color-coral-200)}
.pl-link-button-ghost-link[data-theme=fuscia]{
--_background-color:var(--color-fuscia-100);
--_background-color-hover:var(--color-fuscia-200)}
.pl-link-button-ghost-link[data-theme=green]{
--_background-color:var(--color-green-100);
--_background-color-hover:var(--color-green-200)}
.pl-link-button-ghost-link[data-theme=orange]{
--_background-color:var(--color-orange-100);
--_background-color-hover:var(--color-orange-200)}
.pl-link-button-ghost-link[data-theme=pink]{
--_background-color:var(--color-pink-100);
--_background-color-hover:var(--color-pink-200)}
.pl-link-button-ghost-link[data-theme=purple]{
--_background-color:var(--color-purple-100);
--_background-color-hover:var(--color-purple-200)}
.pl-link-button-ghost-link[data-theme=yellow]{
--_background-color:var(--color-yellow-100);
--_background-color-hover:var(--color-yellow-200)}
.pl-link-button-ghost-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--_outline-color)}
.pl-link-button-ghost-link:before{
content:"";
position:absolute;
inset:0;
border-radius:var(--_border-radius);
background-color:transparent;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-ghost-link:hover:before{
transform:translateY(.125rem)}
.pl-link-button-ghost-link-content{
position:relative;
flex:1 1;
border-radius:var(--_border-radius);
border-width:.0625rem;
border-style:solid;
border-color:var(--_border-color);
background-color:var(--_background-color);
padding-inline:1.25em;
display:inline-flex;
align-items:center;
justify-content:center;
column-gap:var(--space-step-1);
color:var(--_foreground-color);
text-align:center;
transition-property:transform,background-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-ghost-link-content:has(svg){
-webkit-padding-end:1em;
padding-inline-end:1em}
.pl-link-button-ghost-link[data-size=small] .pl-link-button-ghost-link-content{
padding-block:.5em;
font-size:var(--font-size-step--1)}
.pl-link-button-ghost-link[data-size=default] .pl-link-button-ghost-link-content{
padding-block:.5em;
font-size:var(--font-size-step-0)}
.pl-link-button-ghost-link[data-size=large] .pl-link-button-ghost-link-content{
padding-block:1em;
font-size:var(--font-size-step-0)}
.pl-link-button-ghost-link:hover .pl-link-button-ghost-link-content{
background-color:var(--_background-color-hover);
transform:translateY(-.125rem)}
.LinkButtonGhost_icon__WUcQu{
block-size:1.25rem;
inline-size:1.25rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-ghost-link:hover .LinkButtonGhost_icon__WUcQu{
transform:rotate(-45deg)}
.pl-channels-section-full-width-container{
inline-size:100%;
padding-inline:var(--space-step-3-step-5);
background-color:var(--color-neutral-200)}
.ChannelsSection_tileContainer__NxYyL{
background-color:var(--color-neutral-200);
border-radius:var(--border-radius-medium)}
.ChannelsSection_band__nNP2s{
display:grid;
align-content:center;
min-block-size:15.625rem;
background-color:var(--color-neutral-100)}
.ChannelsSection_bandInner__kUBE9{
margin-inline:auto;
inline-size:100%;
max-inline-size:calc(76rem + 3.75rem)}
.pl-channels-section-container{
padding:1.875rem;
display:grid;
grid-gap:var(--space-step-3);
gap:var(--space-step-3);
align-items:center;
font-family:var(--font-family-sans)}
@media (min-width:64rem){
.pl-channels-section-container{
grid-template-columns:minmax(0,22rem) 1fr;
gap:var(--gutter)}
}
.pl-channels-section-heading{
-webkit-margin-after:var(--space-step-0);
margin-block-end:var(--space-step-0);
font-size:var(--font-size-step-1);
font-weight:var(--font-weight-regular);
line-height:1.2;
color:var(--color-brand-dark);
font-family:var(--font-family-heading);
text-wrap:balance}
.pl-channels-section-trailing{
min-inline-size:0}
.pl-channels-section-tiles{
position:relative;
list-style:"";
margin-block:0;
-webkit-padding-start:0;
padding-inline-start:0;
display:flex;
flex-wrap:wrap;
gap:var(--space-step-3)}
@media (min-width:64rem) and (max-width:76.9375rem){
.pl-channels-section-tiles{
justify-content:center;
row-gap:3.25rem}
.pl-channels-section-tiles>li{
flex:0 1 calc((100% - 5 * var(--space-step-3)) / 6);
display:flex;
justify-content:center}
}
.pl-channels-section-link{
position:relative;
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center}
.pl-channels-section-link:focus-visible{
outline:none}
.pl-channels-section-tile{
display:inline-flex;
align-items:center;
justify-content:center;
block-size:3.375rem;
inline-size:3.375rem;
border-radius:var(--border-radius-small);
box-shadow:var(--shadow-floating);
color:var(--color-white);
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
transition:transform var(--transition-duration) var(--transition-timing-function),outline-color var(--transition-duration) var(--transition-timing-function)}
.pl-channels-section-link:hover .pl-channels-section-tile{
transform:scale(1.05)}
.pl-channels-section-link:focus-visible .pl-channels-section-tile{
outline-color:var(--color-brand-dark)}
.pl-channels-section-tile-logo{
block-size:1.8rem;
inline-size:1.8rem}
.pl-channels-section-tile[data-channel=linkedin]{
background-color:var(--color-linkedin)}
.pl-channels-section-tile[data-channel=threads]{
background-color:var(--color-threads)}
.pl-channels-section-tile[data-channel=pinterest]{
background-color:var(--color-pinterest)}
.pl-channels-section-tile[data-channel=bluesky]{
background-color:var(--color-bluesky)}
.pl-channels-section-tile[data-channel=youtube]{
background-color:var(--color-youtube)}
.pl-channels-section-tile[data-channel=x]{
background-color:var(--color-x)}
.pl-channels-section-tile[data-channel=google-business-profile]{
background-color:var(--color-google-business-profile)}
.pl-channels-section-tile[data-channel=instagram]{
background-color:var(--color-instagram)}
.pl-channels-section-tile[data-channel=substack]{
background-color:var(--color-substack)}
.pl-channels-section-tile[data-channel=mastodon]{
background-color:var(--color-mastodon)}
.pl-channels-section-tile[data-channel=tiktok]{
background-color:var(--color-tiktok)}
.pl-channels-section-tile[data-channel=facebook]{
background-color:var(--color-facebook)}
.pl-channels-section-label{
display:none}
@media (min-width:64rem){
.pl-channels-section-label{
position:absolute;
inset-block-end:-1.75rem;
display:flex;
align-items:center;
justify-content:center;
gap:.25rem;
color:var(--color-brand-dark);
pointer-events:none;
opacity:0;
transform:translateY(-.25rem);
transition:opacity var(--transition-duration) var(--transition-timing-function),transform var(--transition-duration) var(--transition-timing-function)}
.pl-channels-section-link:focus-visible .pl-channels-section-label,.pl-channels-section-link:hover .pl-channels-section-label{
opacity:1;
transform:translateY(0)}
}
.pl-channels-section-label-text{
flex-shrink:0;
font-size:var(--font-size-step--1)}
.pl-channels-section-label-icon{
flex-shrink:0;
block-size:1rem;
inline-size:1rem}
@media (min-width:77rem){
.pl-channels-section-tiles{
flex-wrap:nowrap;
justify-content:space-between;
column-gap:.75rem;
row-gap:0}
.pl-channels-section-tiles>li{
flex:0 1 3.375rem;
min-inline-size:0}
.pl-channels-section-link,.pl-channels-section-tile{
inline-size:100%}
.pl-channels-section-tile{
block-size:auto;
aspect-ratio:1}
.pl-channels-section-tiles>li:first-child .pl-channels-section-label{
inset-inline-start:0;
justify-content:flex-start}
.pl-channels-section-tiles>li:last-child .pl-channels-section-label{
inset-inline-end:0;
justify-content:flex-end}
}
@media (max-width:63.9375rem){
.pl-channels-section-heading{
text-align:center}
.pl-channels-section-tiles{
justify-content:center;
max-inline-size:calc(6 * 3rem + 5 * var(--space-step-2));
margin-inline:auto;
column-gap:var(--space-step-2);
row-gap:.875rem}
.pl-channels-section-tiles>li{
flex:0 1 calc((100% - 5 * var(--space-step-2)) / 6);
max-inline-size:3rem}
.pl-channels-section-link,.pl-channels-section-tile{
inline-size:100%}
.pl-channels-section-tile{
block-size:auto;
aspect-ratio:1}
.pl-channels-section-tile-logo{
block-size:54%;
inline-size:54%}
}
@media (max-width:47.9375rem){
.pl-channels-section-container{
padding:1.25rem .844rem 2.71rem}
.pl-channels-section-tiles{
column-gap:var(--space-step-1)}
}
@media (prefers-reduced-motion:reduce){
.pl-channels-section-label,.pl-channels-section-tile{
transition:none}
}
.pl-link-button-primary-link{
--_border-radius:var(--border-radius-full);
--_background-color:var(--color-brand-mid);
--_foreground-color:var(--color-white);
--_border-color:var(--_background-color);
--_outline-color:var(--_background-color);
position:relative;
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
border-radius:var(--border-radius-full);
border:none;
display:inline-block;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-link-button-primary-link:hover{
--_background-color:var(--color-brand-dark);
--_border-color:var(--color-brand-dark)}
.pl-link-button-primary-link:focus-visible{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--_outline-color)}
.pl-link-button-primary-link:before{
content:"";
position:absolute;
inset:0;
border-radius:var(--_border-radius);
background-color:transparent;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-primary-link:hover:before{
transform:translateY(.125rem)}
.pl-link-button-primary-link-content{
position:relative;
border-radius:var(--_border-radius);
border-width:.0625rem;
border-style:solid;
border-color:var(--_border-color);
background-color:var(--_background-color);
display:inline-flex;
column-gap:var(--space-step-1);
align-items:center;
font-size:var(--font-size-step-0);
color:var(--_foreground-color);
transition-property:border-color,background-color,transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-primary-link:not([data-size]) .pl-link-button-primary-link-content{
padding-block:.5em}
.pl-link-button-primary-link[data-size=large] .pl-link-button-primary-link-content,.pl-link-button-primary-link[data-size=medium] .pl-link-button-primary-link-content{
padding-block:.75em}
.pl-link-button-primary-link:not([data-icon=true]) .pl-link-button-primary-link-content{
padding-inline:1.25em}
.pl-link-button-primary-link[data-icon=true] .pl-link-button-primary-link-content{
-webkit-padding-start:1.75em;
padding-inline-start:1.75em;
-webkit-padding-end:1.5em;
padding-inline-end:1.5em}
.pl-link-button-primary-link:hover .pl-link-button-primary-link-content{
transform:translateY(-.125rem)}
.pl-link-button-primary-icon{
block-size:1.25rem;
inline-size:1.25rem;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-link-button-primary-link[data-icon-orientation=down] .pl-link-button-primary-icon{
transform:rotate(90deg)}
.pl-link-button-primary-link[data-icon-orientation=right]:hover .pl-link-button-primary-icon{
transform:rotate(-45deg)}
.HeroSection_hero__YdN9L{
border-end-start-radius:var(--border-radius-medium);
border-end-end-radius:var(--border-radius-medium);
overflow:hidden}
.HeroSection_hero__YdN9L:not([data-theme=dark]){
background-color:var(--color-neutral-200)}
.HeroSection_hero__YdN9L[data-theme=dark]{
background-color:var(--color-brand-dark)}
@media (min-width:64em){
.HeroSection_hero__YdN9L{
border-end-start-radius:var(--border-radius-large);
border-end-end-radius:var(--border-radius-large)}
}
.HeroSection_container__lYXFu{
margin-inline:auto;
max-inline-size:var(--container-max-inline-size-wide)}
.HeroSection_content__1E_eq{
display:grid;
grid-template-columns:1fr}
@media (min-width:64em){
.HeroSection_content__1E_eq{
padding:var(--space-step-5-step-7) var(--space-step-3-step-5);
align-items:center;
column-gap:var(--gutter)}
.HeroSection_content__1E_eq:not([data-content-position=trailing]){
grid-template-columns:2fr 3fr}
.HeroSection_content__1E_eq[data-content-position=trailing]{
grid-template-columns:3fr 2fr}
.HeroSection_content__1E_eq[data-content-position=trailing] .HeroSection_contentLeading__sH87H{
grid-column-start:2;
grid-row-start:1}
.HeroSection_content__1E_eq[data-content-position=trailing] .HeroSection_imageContainer__KRblU{
grid-column-start:1;
grid-row-start:1}
}
.HeroSection_contentLeading__sH87H{
background-color:var(--color-neutral-200);
padding:var(--space-step-4-step-6) var(--space-step-3-step-5);
display:flex;
flex-direction:column;
align-items:center;
text-align:center}
[data-theme=dark] .HeroSection_contentLeading__sH87H{
background-color:var(--color-brand-dark);
color:var(--color-white)}
@media (min-width:64em){
.HeroSection_contentLeading__sH87H{
padding:0;
align-items:flex-start;
justify-content:center;
text-align:start}
}
.HeroSection_icons__H__Gw{
display:flex;
column-gap:var(--space-step-1)}
.HeroSection_eyebrow__w6rES,.HeroSection_icons__H__Gw{
-webkit-margin-after:var(--space-step-1);
margin-block-end:var(--space-step-1)}
.HeroSection_eyebrow__w6rES{
font-family:var(--font-family-sans);
font-size:var(--font-size-step-0);
font-weight:var(--font-weight-medium);
letter-spacing:var(--letter-spacing-wide);
text-transform:uppercase;
color:var(--color-green-700)}
[data-theme=dark] .HeroSection_eyebrow__w6rES{
color:var(--color-brand-primary)}
.HeroSection_heading__2bKfe{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3);
font-size:var(--font-size-step-4)}
@media (min-width:84em){
.HeroSection_heading__2bKfe{
font-size:var(--font-size-step-5)}
}
.HeroSection_text__aPHK7{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3)}
@media (min-width:64em){
.HeroSection_text__aPHK7{
-webkit-margin-after:var(--space-step-5);
margin-block-end:var(--space-step-5);
font-size:var(--font-size-step-1)}
}
.HeroSection_imageContainer__KRblU{
-webkit-margin-start:var(--space-step-3-step-5);
margin-inline-start:var(--space-step-3-step-5);
border-start-start-radius:var(--border-radius-medium);
-webkit-padding-before:var(--space-step-3-step-5);
padding-block-start:var(--space-step-3-step-5);
display:flex;
align-items:flex-end;
justify-content:flex-end}
@media (min-width:64em){
.HeroSection_imageContainer__KRblU{
-webkit-margin-start:0;
margin-inline-start:0;
position:relative;
border-radius:var(--border-radius-medium);
-webkit-padding-before:0;
padding-block-start:0;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden}
}
.HeroSection_imageContainer__KRblU[data-theme=aqua]{
background-color:var(--color-aqua-300)}
.HeroSection_imageContainer__KRblU[data-theme=blue]{
background-color:var(--color-blue-300)}
.HeroSection_imageContainer__KRblU[data-theme=coral]{
background-color:var(--color-coral-300)}
.HeroSection_imageContainer__KRblU[data-theme=fuscia]{
background-color:var(--color-fuscia-300)}
.HeroSection_imageContainer__KRblU[data-theme=green]{
background-color:var(--color-green-300)}
.HeroSection_imageContainer__KRblU[data-theme=orange]{
background-color:var(--color-orange-300)}
.HeroSection_imageContainer__KRblU[data-theme=pink]{
background-color:var(--color-pink-300)}
.HeroSection_imageContainer__KRblU[data-theme=purple]{
background-color:var(--color-purple-300)}
.HeroSection_imageContainer__KRblU[data-theme=yellow]{
background-color:var(--color-yellow-300)}
.pl-faqs-heading{
font-size:var(--font-size-step-0)}
[data-theme=dark] .pl-faqsection-content{
border-radius:var(--border-radius-medium);
background-color:var(--color-brand-dark);
padding-block:var(--space-step-5-step-7);
padding-inline:var(--space-step-3-step-5);
color:var(--color-white)}
[data-theme=dark] .pl-faqsection-content.FAQSection_transparentBackground__2eJSc{
background-color:transparent}
@media (min-width:64rem){
.pl-faqsection-content{
display:flex;
align-items:baseline;
column-gap:var(--space-step-8)}
[data-theme=dark] .pl-faqsection-content{
padding-inline:var(--space-step-5-step-7)}
}
.pl-faqsection-heading{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3);
font-size:var(--font-size-step-4)}
.pl-faqsection-faqs{
inline-size:100%;
display:flex;
flex-direction:column;
row-gap:var(--space-step-4)}
.api_faqSection__F5_3f .max-inline-size-container{
max-inline-size:1280px}
.FeatureSection_content__Lfxre{
display:grid;
grid-template-columns:1fr;
grid-row-gap:var(--space-step-5-step-7);
row-gap:var(--space-step-5-step-7)}
@media (min-width:64rem){
.FeatureSection_content__Lfxre{
grid-template-columns:repeat(2,1fr);
align-items:center}
}
[data-theme=dark] .FeatureSection_content__Lfxre{
border-radius:var(--border-radius-medium);
background-color:var(--color-brand-dark);
-webkit-padding-before:var(--space-step-5-step-7);
padding-block-start:var(--space-step-5-step-7)}
@media (min-width:64rem){
[data-theme=dark] .FeatureSection_content__Lfxre{
padding:var(--space-step-5-step-7)}
[data-content-position=trailing] .FeatureSection_contentLeading__ksbnA{
grid-column-start:2;
grid-row-start:1}
[data-content-position=trailing] .FeatureSection_contentTrailing__5tU7v{
grid-column-start:1;
grid-row-start:1}
}
[data-content-width=normal][data-content-position=leading] .FeatureSection_contentLeading__ksbnA{
-webkit-padding-end:var(--space-step-3-step-5);
padding-inline-end:var(--space-step-3-step-5)}
[data-content-width=normal][data-content-position=trailing] .FeatureSection_contentLeading__ksbnA{
-webkit-padding-start:var(--space-step-3-step-5);
padding-inline-start:var(--space-step-3-step-5)}
[data-content-width=wide] .FeatureSection_contentLeading__ksbnA{
padding-inline:var(--space-step-3-step-5)}
[data-content-width=flush] .FeatureSection_contentLeading__ksbnA{
padding-inline:0}
@media (min-width:64rem){
[data-content-width=normal][data-content-position=leading] .FeatureSection_contentLeading__ksbnA{
-webkit-padding-end:var(--space-step-5-step-7);
padding-inline-end:var(--space-step-5-step-7)}
[data-content-width=normal][data-content-position=trailing] .FeatureSection_contentLeading__ksbnA{
-webkit-padding-start:var(--space-step-5-step-7);
padding-inline-start:var(--space-step-5-step-7)}
[data-content-width=wide] .FeatureSection_contentLeading__ksbnA{
padding-inline:var(--space-step-5-step-7)}
[data-content-width=flush][data-content-position=leading] .FeatureSection_contentLeading__ksbnA{
-webkit-padding-end:var(--space-step-5-step-7);
padding-inline-end:var(--space-step-5-step-7)}
[data-content-width=flush][data-content-position=trailing] .FeatureSection_contentLeading__ksbnA{
-webkit-padding-start:var(--space-step-5-step-7);
padding-inline-start:var(--space-step-5-step-7)}
}
[data-theme=dark] .FeatureSection_contentLeading__ksbnA{
color:var(--color-white)}
.FeatureSection_eyebrow__TuYBb{
-webkit-margin-after:var(--space-step-2);
margin-block-end:var(--space-step-2);
color:var(--color-green-900)}
[data-theme=dark] .FeatureSection_eyebrow__TuYBb{
color:var(--color-brand-primary)}
.FeatureSection_heading__Tgc5r{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3);
font-size:var(--font-size-step-2);
text-wrap:balance}
.FeatureSection_text__uEhqB{
-webkit-margin-after:var(--space-step-5);
margin-block-end:var(--space-step-5);
max-inline-size:60ch}
.FeatureSection_features__x0CKc{
-webkit-margin-before:var(--space-step-5);
margin-block-start:var(--space-step-5);
list-style:"";
-webkit-padding-start:0;
padding-inline-start:0;
display:flex;
flex-direction:column;
gap:var(--space-step-3)}
.FeatureSection_feature__H7Biu{
display:flex;
align-items:center;
gap:var(--space-step-1)}
.FeatureSection_featureIcon__spe1Y{
display:flex;
align-items:center;
justify-content:center;
color:var(--color-neutral-600)}
[data-theme=dark] .FeatureSection_featureIcon__spe1Y{
color:var(--color-neutral-400)}
.FeatureSection_featureText__1BVDa{
font-size:var(--font-size-step--1)}
.FeatureSection_contentTrailing__5tU7v{
position:relative;
overflow:hidden}
.FeatureSection_imageWrapper__i0c_G{
border-radius:var(--border-radius-medium);
background-color:var(--theme-color-200);
display:inline-flex;
align-items:center;
overflow:hidden}
.pl-card-card{
--_card-hover-translate-y:0.25rem;
block-size:100%;
position:relative;
display:flex;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
[data-theme=dark] .pl-card-card{
color:var(--color-white)}
.pl-card-card:hover{
transform:translateY(calc(var(--_card-hover-translate-y) * -1))}
.pl-card-card:not([data-layout=horizontal]){
max-inline-size:16rem}
@media (min-width:36rem){
.pl-card-card:not([data-layout=horizontal]){
max-inline-size:25rem}
}
.pl-card-card:before{
content:"";
position:absolute;
inset:0;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
will-change:transform}
.pl-card-card:hover:before{
transform:translateY(var(--_card-hover-translate-y))}
.pl-card-content{
position:relative;
flex:1 1;
border-radius:var(--border-radius-medium);
border:.0625rem solid var(--color-neutral-400);
background-color:var(--color-neutral-050);
display:flex;
flex-direction:column;
transition-property:border-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.pl-card-card:hover .pl-card-content{
border-color:var(--color-neutral-500)}
[data-theme=dark] .pl-card-content{
border-color:var(--color-white);
background-color:var(--color-brand-mid)}
@media (min-width:36rem){
[data-layout=horizontal] .pl-card-content{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center}
}
@media (min-width:48rem){
[data-layout=horizontal] .pl-card-content{
display:grid;
grid-template-columns:23.75rem 1fr}
}
.pl-card-content-leading{
-webkit-padding-before:.625rem;
padding-block-start:.625rem;
padding-inline:.625rem;
display:flex;
justify-content:center}
[data-layout=horizontal] .pl-card-content-leading{
block-size:100%}
@media (min-width:36rem){
[data-layout=horizontal] .pl-card-content-leading{
-webkit-padding-after:.625rem;
padding-block-end:.625rem}
}
.pl-card-image-container{
inline-size:100%;
aspect-ratio:380/230;
border-radius:var(--border-radius-small);
background-color:var(--theme-color-300);
display:flex;
overflow:hidden}
.pl-card-image,[data-layout=horizontal] .pl-card-image-container{
block-size:100%;
inline-size:100%}
.pl-card-image{
object-fit:cover}
.Card_imagePlaceholder__u9YHO{
inline-size:100%;
aspect-ratio:380/230;
background-color:var(--color-neutral-200)}
.pl-card-content-trailing{
flex:1 1;
display:grid;
padding:var(--space-step-3)}
@media (min-width:36rem){
[data-layout=horizontal] .pl-card-content-trailing{
padding:var(--space-step-3-step-5)}
}
.pl-card-heading{
-webkit-margin-after:var(--space-step-1);
margin-block-end:var(--space-step-1);
line-height:var(--line-height-regular)}
@media (min-width:48rem){
[data-layout=horizontal] .pl-card-heading{
font-size:var(--font-size-step-1)}
}
.Card_headingButton__kkq0s:focus-visible,.pl-card-heading-link:focus-visible{
outline:none}
.Card_headingButton__kkq0s:before,.pl-card-heading-link:before{
content:"";
position:absolute;
inset:-.0625rem;
border-radius:var(--border-radius-medium);
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:transparent;
transition-property:outline-color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.Card_headingButton__kkq0s:focus-visible:before,.pl-card-heading-link:focus-visible:before{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.Card_headingButton__kkq0s{
border:none;
background-color:transparent}
.pl-card-content-text{
-webkit-margin-after:var(--space-step-4);
margin-block-end:var(--space-step-4)}
.pl-card-text{
font-size:var(--font-size-step--1)}
[data-truncate-text=true] .pl-card-text{
line-clamp:3;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden}
.pl-card-cta{
justify-content:flex-end;
column-gap:.5ch;
font-size:var(--font-size-step--1);
text-decoration:underline}
.pl-card-cta,.pl-card-footer{
-webkit-margin-before:auto;
margin-block-start:auto;
display:flex;
align-items:center}
.pl-card-footer{
justify-content:space-between;
gap:var(--space-step-2)}
.pl-card-footer .pl-card-cta{
-webkit-margin-before:0;
margin-block-start:0}
[data-has-signature=true] .pl-card-content-text{
-webkit-margin-after:var(--space-step-4-step-5);
margin-block-end:var(--space-step-4-step-5)}
.pl-card-signature{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
gap:var(--space-step-1);
min-inline-size:0;
color:inherit}
.pl-card-signature-avatar{
flex-shrink:0;
display:flex;
inline-size:3rem;
block-size:3rem;
border-radius:var(--border-radius-full);
overflow:hidden;
background-color:var(--color-neutral-200)}
.pl-card-signature-avatar-image{
inline-size:100%;
block-size:100%;
object-fit:cover}
.pl-card-signature-name{
overflow:hidden;
font-family:var(--font-family-heading);
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-regular);
line-height:1.2;
letter-spacing:-.465px;
color:var(--color-brand-dark);
text-overflow:ellipsis;
white-space:nowrap}
[data-theme=dark] .pl-card-signature-name{
color:var(--color-white)}
.pl-card-signature-link .pl-card-signature-name{
text-decoration:underline;
-webkit-text-decoration-skip-ink:none;
text-decoration-skip-ink:none;
text-underline-position:from-font}
.pl-card-signature-link:focus-visible{
outline:none}
.pl-card-signature-link:focus-visible .pl-card-signature-name{
outline-width:var(--outline-width);
outline-offset:var(--outline-offset);
outline-style:solid;
outline-color:var(--color-brand-dark)}
.pl-card-cta-icon-container{
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
will-change:transform;
transition-property:transform;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function);
pointer-events:none}
[data-theme=dark] .pl-card-cta-icon-container{
border-color:var(--color-white)}
.pl-card-card:hover .pl-card-cta-icon-container{
transform:rotate(-45deg)}
.pl-card-cta-icon{
transition-property:color;
transition-duration:var(--transition-duration);
transition-timing-function:var(--transition-timing-function)}
.Card_ctaIconSmall__HJlD3{
block-size:1rem;
inline-size:1rem}
.pl-ctasection-compact-section{
padding-block:var(--space-step-3-step-5)}
.pl-ctasection-compact-section[data-full-width=true]{
background-color:var(--color-brand-mid)}
.pl-ctasection-compact-content{
border-radius:var(--border-radius-medium);
background-color:var(--color-green-300);
padding-block:var(--space-step-5-step-7);
padding-inline:var(--space-step-3-step-5);
display:grid;
grid-gap:var(--space-step-3-step-5);
gap:var(--space-step-3-step-5);
text-align:center}
@media (min-width:64rem){
.pl-ctasection-compact-content{
padding-inline:var(--space-step-5-step-7);
grid-template-columns:1fr auto;
align-items:center;
text-align:left}
}
.pl-ctasection-compact-content-trailing{
display:flex;
justify-content:center}
@media (min-width:64rem){
.pl-ctasection-compact-content-trailing{
display:block}
}
.pl-ctasection-compact-heading{
-webkit-margin-after:var(--space-step-3);
margin-block-end:var(--space-step-3);
font-size:var(--font-size-step-2);
text-wrap:balance}
.pl-resources-section-section{
border-start-start-radius:var(--border-radius-large);
border-start-end-radius:var(--border-radius-large);
padding-block:var(--space-step-5-step-7)}
.pl-resources-section-section:not([class])[data-theme=light]{
background-color:var(--color-neutral-200)}
.pl-resources-section-section[data-theme=dark]{
color:var(--color-white)}
.pl-resources-section-container{
display:flex;
flex-direction:column;
align-items:stretch;
row-gap:var(--space-step-3-step-5)}
.pl-resources-section-intro{
display:flex;
flex-direction:column;
align-items:flex-start;
row-gap:var(--space-step-3);
text-align:start}
.pl-resources-section-eyebrow{
color:var(--color-green-700)}
[data-theme=dark] .pl-resources-section-eyebrow{
color:var(--color-brand-primary)}
.pl-resources-section-heading{
font-size:var(--font-size-step-2)}
.pl-resources-section-text{
max-inline-size:70ch;
font-size:var(--font-size-step-0)}
.pl-resources-section-posts{
--_max-inline-size:100dvi;
display:flex;
column-gap:1.875rem}
@media (min-width:80rem){
.pl-resources-section-posts{
inset-inline:auto;
inline-size:auto;
margin-inline:0;
padding-inline:0;
overflow-x:visible}
}
.pl-resources-section-post>div{
border-radius:.5rem}
.pl-resources-section-post-container{
flex-shrink:0}
.pl-resources-section-post-container:first-of-type{
-webkit-padding-start:var(--_padding-inline);
padding-inline-start:var(--_padding-inline)}
.pl-resources-section-post-container:last-of-type{
-webkit-padding-end:var(--_padding-inline);
padding-inline-end:var(--_padding-inline)}
@media (min-width:80rem){
[data-inner-width=wide] .pl-resources-section-post-container{
flex:1 1;
min-inline-size:0}
[data-inner-width=wide] .pl-resources-section-post-container .pl-resources-section-post{
max-inline-size:none}
}
.TestimonialCard_container__cJCQP{
border-radius:calc(var(--border-radius-medium) + var(--space-step-3-step-5));
background-color:var(--_color-main-background);
padding:var(--space-step-3-step-5);
display:flex;
flex-direction:column}
.TestimonialCard_container__cJCQP[data-theme=aqua]{
--_color-main-background:var(--color-aqua-300);
--_color-inverse:var(--color-aqua-050)}
.TestimonialCard_container__cJCQP[data-theme=blue]{
--_color-main-background:var(--color-blue-300);
--_color-inverse:var(--color-blue-050)}
.TestimonialCard_container__cJCQP[data-theme=coral]{
--_color-main-background:var(--color-coral-300);
--_color-inverse:var(--color-coral-050)}
.TestimonialCard_container__cJCQP[data-theme=fuscia]{
--_color-main-background:var(--color-fuscia-300);
--_color-inverse:var(--color-fuscia-050)}
.TestimonialCard_container__cJCQP[data-theme=green]{
--_color-main-background:var(--color-green-300);
--_color-inverse:var(--color-green-050)}
.TestimonialCard_container__cJCQP[data-theme=orange]{
--_color-main-background:var(--color-orange-300);
--_color-inverse:var(--color-orange-050)}
.TestimonialCard_container__cJCQP[data-theme=pink]{
--_color-main-background:var(--color-pink-300);
--_color-inverse:var(--color-pink-050)}
.TestimonialCard_container__cJCQP[data-theme=purple]{
--_color-main-background:var(--color-purple-300);
--_color-inverse:var(--color-purple-050)}
.TestimonialCard_container__cJCQP[data-theme=yellow]{
--_color-main-background:var(--color-yellow-300);
--_color-inverse:var(--color-yellow-050)}
.TestimonialCard_container__cJCQP[data-theme=dark]{
--_color-main-background:var(--color-brand-dark);
--_color-border:var(--color-white);
--_color-foreground:var(--color-white);
--_color-supporting:var(--color-neutral-300);
--_color-inverse:var(--color-brand-dark)}
@media (min-width:64rem){
.TestimonialCard_container__cJCQP{
padding-block:var(--space-step-5-step-7);
padding-inline:var(--space-step-6-step-8)}
}
.TestimonialCard_decoration__8irmS{
-webkit-margin-after:-.375em;
margin-block-end:-.375em;
font-size:var(--font-size-step-7);
color:var(--_color-inverse,var(--color-white));
text-align:center}
.TestimonialCard_testimonial__xkJvy{
display:flex;
flex-direction:column;
align-items:center;
row-gap:var(--space-step-4-step-6);
color:var(--_color-foreground,var(--color-brand-dark))}
.TestimonialCard_image__I5srC{
border-radius:var(--border-radius-full);
border-width:.0625rem;
border-style:solid;
border-color:var(--_color-border,var(--color-brand-dark));
display:inline-flex;
overflow:hidden}
.TestimonialCard_quote__ljFtm{
font-size:var(--font-size-step-1);
text-align:center;
text-wrap:balance}
.TestimonialCard_quote__ljFtm:before{
content:open-quote;
-webkit-margin-start:-.5ch;
margin-inline-start:-.5ch}
.TestimonialCard_quote__ljFtm:after{
content:close-quote}
@media (min-width:64rem){
.TestimonialCard_quote__ljFtm{
font-size:var(--font-size-step-2)}
}
.TestimonialCard_source__anpvy{
display:flex;
flex-direction:column;
align-items:center;
row-gap:var(--space-step-1);
text-align:center}
@media (min-width:48rem){
.TestimonialCard_source__anpvy{
flex-direction:row;
text-align:start;
column-gap:var(--space-step-3)}
}
.TestimonialCard_sourceText__XcOM1{
display:flex;
flex-direction:column}
.TestimonialCard_supportingText__xNDO3{
font-size:var(--font-size-step--1);
color:var(--_color-supporting,var(--color-neutral-800))}
.TestimonialCard_container__cJCQP.TestimonialCard_split__iHcX1{
border-radius:var(--border-radius-medium);
padding-inline:var(--space-step-5);
padding-block:var(--space-step-5-step-7);
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--space-step-5);
--_color-main-background:var(--theme-color-100,var(--color-brand-dark))}
@media (min-width:64rem){
.TestimonialCard_container__cJCQP.TestimonialCard_split__iHcX1{
flex-direction:row;
gap:var(--space-step-6)}
}
.TestimonialCard_media__xLJTP{
flex:none;
inline-size:22.375rem;
max-inline-size:100%}
.TestimonialCard_splitAction__D3aY_{
align-self:end;
-webkit-margin-after:var(--space-step-2);
margin-block-end:var(--space-step-2)}
@media (max-width:63.9375rem){
.TestimonialCard_container__cJCQP.TestimonialCard_split__iHcX1{
padding:var(--space-step-6)}
.TestimonialCard_splitAction__D3aY_{
order:1;
align-self:start;
margin-block:var(--space-step-4) 0}
}
.TestimonialCard_splitTestimonial__69WmE{
flex:1 1 auto;
max-inline-size:45.375rem;
display:flex;
flex-direction:column;
align-items:flex-start;
color:var(--_color-foreground,var(--color-brand-dark))}
.TestimonialCard_splitDecoration__5YCch{
-webkit-margin-after:-.2em;
margin-block-end:-.2em;
font-size:calc(var(--font-size-step-2) * 4.2);
line-height:1;
color:var(--theme-color-500,var(--color-white))}
.TestimonialCard_splitQuote__9LiVR{
font-size:var(--font-size-step-2);
line-height:1.2}
.TestimonialCard_splitSource__2AAjM{
display:flex;
flex-direction:column;
row-gap:var(--space-step-0);
-webkit-margin-before:var(--space-step-4);
margin-block-start:var(--space-step-4)}
.TestimonialCard_splitPersonName__vgA_T{
font-size:var(--font-size-step-1)}
.TestimonialSection_section__QBbod[data-full-width=true]{
border-radius:var(--border-radius-medium);
background-color:var(--_color-main-background)}
.pl-unstyled-button-base{
cursor:pointer;
text-decoration:none;
color:inherit;
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent;
border:none;
font-size:inherit;
font-family:inherit;
line-height:inherit;
letter-spacing:inherit;
padding:0;
margin:0;
text-align:initial;
-webkit-tap-highlight-color:transparent}
.pl-unstyled-button-base:disabled{
cursor:not-allowed}
.pl-unstyled-button-base:focus-visible{
outline:var(--focus-color) solid 2px}
.pl-button-base{
--focus-color:var(--color-border-brand-subtle);
--button-bg-color:var(--color-bg-brand);
--button-border-color:var(--color-border-brand);
--button-bg-color-highlight:var(--color-bg-brand-strong);
--button-text-color:var(--color-text-inverted);
:where(.light) &{
--button-text-color:var(--color-text-on-light)}
all:unset;
background-color:var(--button-bg-color);
border:none;
border-radius:var(--border-radius-md);
box-sizing:border-box;
color:var(--button-text-color);
cursor:pointer;
display:flex;
flex-shrink:0;
font-family:var(--font-family-body);
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
gap:var(--space-2xs);
place-items:center;
transition-duration:var(--motion-duration-control-feedback);
transition-property:border-color,background-color,color;
transition-timing-function:var(--motion-easing-control-feedback);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
&.Button_loading__SIJRR,&:disabled{
cursor:not-allowed;
pointer-events:none;
transition:none}
&.Button_loading__SIJRR,&:hover:not(:disabled),&[aria-expanded=true],&[aria-pressed=true]{
background-color:var(--button-bg-color-highlight)}
&:focus-visible{
outline:2px solid var(--focus-color)}
&:active:not(:disabled,.Button_loading__SIJRR){
transform:translateY(.5px)}
>[data-icon]{
--icon-size:var(--size-md)}
@media (prefers-reduced-motion:reduce){
transition:none}
}
.Button_loading__SIJRR{
[data-icon=loader-circle]+[data-icon]{
display:none}
}
.pl-button-small{
border-radius:var(--border-radius-sm);
height:var(--control-size-sm);
padding:0 var(--space-xs);
&:not(:has([data-icon])){
padding:0 10px}
}
.pl-button-medium{
height:var(--control-size-md);
padding:0 var(--space-sm)}
.pl-button-large{
gap:var(--space-xs);
height:var(--control-size-lg);
padding:0 var(--space-md)}
.pl-button-primary{
--button-bg-color:var(--color-bg-brand);
--button-bg-color-highlight:var(--color-bg-brand-strong);
--button-text-color:var(--color-text-on-light);
&:disabled{
--button-bg-color:var(--color-bg-disabled);
--button-text-color:var(--color-text-disabled)}
&.Button_loading__SIJRR{
--button-text-color:var(--color-text-on-light)}
}
.pl-button-secondary{
--button-bg-color:var(--color-bg-xsubtle);
--button-bg-color-highlight:var(--color-bg-a-subtle);
--button-text-color:var(--color-text-neutral);
--button-border-color:var(--color-border-subtle);
border:1px solid var(--button-border-color);
:where(:not([aria-pressed=true])>[data-icon]){
color:var(--color-text-subtle)}
&:disabled{
--button-bg-color:var(--color-bg-disabled);
--button-text-color:var(--color-text-disabled);
border:none}
}
.pl-button-tertiary{
--button-bg-color:none;
--button-text-color:var(--color-text-neutral);
--button-bg-color-highlight:var(--color-bg-a-subtle);
:where(:not([aria-pressed=true])>[data-icon]){
color:var(--color-text-subtle)}
&:disabled{
--button-bg-color-highlight:var(--color-bg-a-subtle);
--button-text-color:var(--color-text-disabled)}
}
.Button_critical__tDigr{
--focus-color:var(--color-border-critical);
--button-bg-color:var(--color-bg-critical);
--button-bg-color-highlight:var(--color-bg-critical-strong);
--button-text-color:var(--color-text-on-light);
&:disabled{
--button-bg-color:var(--color-bg-disabled);
--button-text-color:var(--color-text-disabled)}
&.Button_loading__SIJRR{
--button-text-color:var(--color-text-on-light)}
}
.Button_critical-subtle__rw5mp{
--focus-color:var(--color-border-critical);
--button-bg-color:none;
--button-bg-color-highlight:var(--color-bg-critical-a-subtle);
--button-text-color:var(--color-text-critical);
&:disabled{
--button-bg-color:var(--color-bg-neutral);
--button-text-color:var(--color-text-disabled)}
}
.Button_success__1zEPz{
--focus-color:var(--color-border-success);
--button-bg-color:var(--color-bg-success);
--button-bg-color-highlight:var(--color-bg-success-strong);
--button-text-color:var(--color-text-on-light);
&:disabled{
--button-bg-color:var(--color-bg-disabled);
--button-text-color:var(--color-text-disabled)}
&.Button_loading__SIJRR{
--button-text-color:var(--color-text-on-dark)}
}
.Button_warning__yDpN0{
--focus-color:var(--color-border-warning);
--button-bg-color:var(--color-bg-warning);
--button-bg-color-highlight:var(--color-bg-warning-strong);
--button-text-color:var(--color-text-on-light);
&:hover:not(:disabled){
--button-text-color:var(--color-text-on-light)}
&:disabled{
--button-bg-color:var(--color-bg-disabled);
--button-text-color:var(--color-text-disabled)}
&.Button_loading__SIJRR{
--button-text-color:var(--color-text-on-dark)}
}
.Button_upgrade__cpNyk{
--focus-color:#9c2bff;
--button-bg-color:var(--global-color-purple-500);
--button-bg-color-highlight:var(--global-color-purple-600);
--button-text-color:var(--color-text-on-dark);
.dark &,:root.dark &{
--button-bg-color:var(--color-bg-upgrade)}
&:hover:not(:disabled){
--button-text-color:var(--color-text-on-dark)}
&:disabled{
--button-bg-color:var(--color-bg-disabled);
--button-text-color:var(--color-text-disabled)}
&.Button_loading__SIJRR{
--button-text-color:var(--color-text-on-dark)}
}
.Button_group__eK6Yq{
align-items:center;
display:inline-flex;
flex-direction:row;
isolation:isolate;
position:relative;
& .pl-button-base{
&:not(:first-child,:last-child){
border-left:none;
border-radius:0;
border-right:none}
&:first-child{
border-bottom-right-radius:0;
border-right:none;
border-top-right-radius:0}
&:last-child{
border-bottom-left-radius:0;
border-left:none;
border-top-left-radius:0}
&:not(:first-child){
margin-left:-1px}
&:not(:last-child){
margin-right:-1px}
&:focus-visible{
position:relative;
z-index:1}
&:hover{
position:relative;
z-index:1}
}
& .pl-button-secondary{
&:first-child,&:last-child,&:not(:first-child,:last-child){
border-color:var(--color-border-subtle)}
&:hover:not(:disabled){
z-index:1}
}
& .Button_loading__SIJRR{
position:relative;
z-index:1}
& .Button_separator__1_DDA{
--separator-gutter:0;
height:calc(var(--control-size-md) * .5);
z-index:2;
&.Button_separator-small__G8ceQ{
height:calc(var(--control-size-sm) * .5)}
&.Button_separator-medium__mJaZH{
height:calc(var(--control-size-md) * .5)}
&.Button_separator-large__rOOY4{
height:calc(var(--control-size-lg) * .5)}
}
}
.Separator_separator__nrwiN{
--separator-gutter:var(--space-xl);
--separator-color:var(--color-border-xsubtle);
background-color:var(--separator-color);
display:block}
.Separator_horizontal__tz_HY{
height:1px;
margin:var(--separator-gutter) 0;
width:100%}
.Separator_vertical__gQ1s_{
height:100%;
margin:0 var(--separator-gutter);
width:1px}
.pl-icon-base{
--icon-size:initial;
height:var(--icon-size);
width:var(--icon-size)}
.pl-icon-base[data-icon=loader-circle]{
animation:Icon_loading-spinner-reveal__PymUt var(--motion-duration-loading-reveal) var(--motion-easing-loading-reveal),Icon_loading-spinner-rotate__arfLV var(--motion-duration-spinner-rotate) var(--motion-easing-spinner-rotate) infinite}
@media (prefers-reduced-motion:reduce){
.pl-icon-base[data-icon=loader-circle]{
animation:Icon_loading-spinner-pulse__2_ds6 var(--motion-duration-spinner-pulse) var(--motion-easing-spinner-pulse) infinite}
}
@keyframes Icon_loading-spinner-rotate__arfLV{
0%{
transform:rotate(0deg)}
to{
transform:rotate(1turn)}
}
@keyframes Icon_loading-spinner-reveal__PymUt{
0%{
opacity:0}
to{
opacity:1}
}
@keyframes Icon_loading-spinner-pulse__2_ds6{
0%,to{
opacity:1}
50%{
opacity:.4}
}
.pl-text-color-default{
color:var(--color-text-neutral)}
.pl-text-color-subtle{
color:var(--color-text-subtle)}
.text-color_inverted___2MMz{
color:var(--color-text-inverted)}
.pl-text-color-brand{
color:var(--color-text-brand)}
.text-color_critical__pogg4{
color:var(--color-text-critical)}
.text-color_warning__Bo8N_{
color:var(--color-text-warning)}
.text-color_success__EoDub{
color:var(--color-text-success)}
.text-color_upgrade__Za74K{
color:var(--color-text-upgrade)}
.text-color_disabled__8im6A{
color:var(--color-text-disabled)}
.pl-text-color-inherit{
color:inherit}
.pl-icon-button-base{
justify-content:center;
padding:0;
position:relative}
.pl-icon-button-small{
border-radius:var(--border-radius-sm);
width:var(--control-size-sm)}
.pl-icon-button-medium{
width:var(--control-size-md)}
.pl-icon-button-large{
width:var(--control-size-lg)}
.pl-visually-hidden-base{
position:absolute;
border:0;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
word-wrap:normal}
.VisuallyHidden_legendReset__stir5{
float:left;
height:0;
margin:0;
overflow:hidden;
padding:0;
width:0}
@keyframes animation_fadeIn__8qOPP{
0%{
opacity:0}
to{
opacity:1}
}
@keyframes animation_fadeOut__uhB_v{
0%{
opacity:1}
to{
opacity:0}
}
@keyframes animation_slideFromTop__0ZUhk{
0%{
transform:translateY(4px) scale(.97)}
to{
transform:translateY(0) scale(1)}
}
@keyframes animation_slideToTop__QPmYD{
0%{
transform:translateY(0) scale(1)}
to{
transform:translateY(4px) scale(.97)}
}
@keyframes animation_slideFromBottom__qZQU0{
0%{
transform:translateY(-4px) scale(.97)}
to{
transform:translateY(0) scale(1)}
}
@keyframes animation_slideToBottom__Qzb8K{
0%{
transform:translateY(0) scale(1)}
to{
transform:translateY(-4px) scale(.97)}
}
@keyframes animation_slideFromLeft__QlUri{
0%{
transform:translateX(4px) scale(.97)}
to{
transform:translateX(0) scale(1)}
}
@keyframes animation_slideToLeft__NIhOz{
0%{
transform:translateX(0) scale(1)}
to{
transform:translateX(4px) scale(.97)}
}
@keyframes animation_slideFromRight__jGLu_{
0%{
transform:translateX(-4px) scale(.97)}
to{
transform:translateX(0) scale(1)}
}
@keyframes animation_slideToRight__s6RQc{
0%{
transform:translateX(0) scale(1)}
to{
transform:translateX(-4px) scale(.97)}
}
.TooltipGroup_bubble__NMiqT{
--tooltip-bg:var(--color-tooltip-bg);
--tooltip-color:var(--color-text-on-dark);
--tooltip-max-width:300px;
position:fixed;
top:0;
left:0;
z-index:900;
background-color:var(--tooltip-bg);
border-radius:var(--border-radius-sm);
color:var(--tooltip-color);
font-size:var(--font-size-body);
line-height:125%;
max-width:var(--tooltip-max-width);
padding:var(--space-2xs) var(--space-xs);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
will-change:transform;
word-break:break-word;
&:not([data-positioned]){
visibility:hidden}
:where(.dark) &{
border:1px solid var(--color-border-xsubtle);
box-shadow:0 4px 8px 0 rgba(24,24,24,.3),0 2px 6px 0 rgba(24,24,24,.3),0 1px 1px 0 rgba(24,24,24,.3)}
&:has(kbd){
border:none}
&:has(.TooltipGroup_arrow__W1CWO){
margin-bottom:1px}
@media (prefers-reduced-motion:no-preference){
&:not([data-fresh]){
transition:transform var(--motion-duration-view-transition) var(--motion-easing-view-transition)}
&[data-fresh]{
animation-duration:var(--motion-duration-overlay-enter);
animation-name:TooltipGroup_fadeIn__QaO_b;
animation-timing-function:var(--motion-easing-overlay-enter)}
}
}
.TooltipGroup_arrow__W1CWO{
position:absolute;
width:8px;
height:8px;
background-color:var(--tooltip-bg);
transform:rotate(45deg)}
.Tooltip_content__ADZAQ{
--tooltip-bg:var(--color-tooltip-bg);
--tooltip-color:var(--color-text-on-dark);
--tooltip-max-width:300px;
background-color:var(--tooltip-bg);
border-radius:var(--border-radius-sm);
color:var(--tooltip-color);
font-size:var(--font-size-body);
line-height:125%;
margin-bottom:var(--space-2xs);
max-width:var(--tooltip-max-width);
padding:var(--space-2xs) var(--space-xs);
transform-origin:var(--radix-tooltip-content-transform-origin);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
will-change:transform,opacity;
word-break:break-word;
z-index:900;
:where(.dark) &{
border:1px solid var(--color-border-xsubtle);
box-shadow:0 4px 8px 0 rgba(24,24,24,.3),0 2px 6px 0 rgba(24,24,24,.3),0 1px 1px 0 rgba(24,24,24,.3)}
&:has(kbd){
border:none}
&:has(.Tooltip_arrow__Elw_j){
margin-bottom:1px}
@media (prefers-reduced-motion:no-preference){
&:where([data-state=delayed-open]){
animation-duration:var(--motion-duration-overlay-enter);
animation-timing-function:var(--motion-easing-overlay-enter);
&:where([data-side=top]){
animation-name:Tooltip_slideFromTop__lL7VI,Tooltip_fadeIn__NEMRp}
&:where([data-side=bottom]){
animation-name:Tooltip_slideFromBottom__TA8TX,Tooltip_fadeIn__NEMRp}
&:where([data-side=left]){
animation-name:Tooltip_slideFromLeft__6ZEeN,Tooltip_fadeIn__NEMRp}
&:where([data-side=right]){
animation-name:Tooltip_slideFromRight__MeKLQ,Tooltip_fadeIn__NEMRp}
}
&:where([data-state=closed]){
animation-duration:var(--motion-duration-overlay-exit);
animation-timing-function:var(--motion-easing-overlay-exit);
&:where([data-side=top]){
animation-name:Tooltip_slideToTop__cDiy2,Tooltip_fadeOut__dryyK}
&:where([data-side=bottom]){
animation-name:Tooltip_slideToBottom__hmAMV,Tooltip_fadeOut__dryyK}
&:where([data-side=left]){
animation-name:Tooltip_slideToLeft__HDUpb,Tooltip_fadeOut__dryyK}
&:where([data-side=right]){
animation-name:Tooltip_slideToRight__NyMrT,Tooltip_fadeOut__dryyK}
}
}
}
.Tooltip_shortcut__3PZmB{
display:inline-flex;
gap:var(--space-2xs);
margin-left:var(--space-xs)!important}
.Tooltip_arrow__Elw_j{
fill:var(--tooltip-bg)}
.Kbd_kbd__pjpTt{
all:unset;
background:var(--color-bg-a-subtle);
border-radius:var(--border-radius-xs);
box-sizing:border-box;
color:var(--color-text-neutral);
cursor:default;
display:inline-block;
flex-shrink:0;
font-family:var(--font-family-body);
font-size:var(--font-size-body-sm);
font-feature-settings:"tnum";
font-variant-numeric:tabular-nums;
font-weight:inherit;
line-height:130%;
min-width:1.3em;
padding:0 var(--space-2xs);
text-align:center;
vertical-align:middle;
&:has(.Kbd_kbd__pjpTt){
line-height:100%}
>.Kbd_kbd__pjpTt{
background:transparent;
padding:0}
}
.Kbd_inverted__LKT7W{
background:color-mix(in srgb,var(--global-color-base-white) 12%,transparent);
color:var(--color-text-on-dark);
>.Kbd_kbd__pjpTt{
background:transparent}
}
.pl-main-sidebar-sidebar{
--sidebar-width:240px;
--sidebar-item-prefix-width:24px;
--sidebar-width-collapsed:calc(var(--sidebar-item-prefix-width) + var(--space-xs) * 2);
--sidebar-button-inline-padding:0;
--sidebar-button-height:var(--size-xl);
--sidebar-button-height-large:var(--size-2xl);
--sidebar-content-padding:0;
--sidebar-button-indent:var(--space-xs);
--sidebar-item-gap:var(--space-xs);
--sidebar-rail-width:0;
--sidebar-bg-color:var(--color-bg-surface-sunken);
--sidebar-animation-duration:0s;
grid-area:sidebar;
& [data-sidebar=sidebar]{
border:none}
& [data-sidebar=header]{
padding:var(--space-md) var(--space-md) var(--space-xs);
&>*{
gap:var(--space-sm)}
}
& [data-sidebar=content]{
gap:var(--space-xs);
padding-block:0 var(--space-xs);
padding-inline:var(--space-md);
border-bottom:1px solid var(--color-border-subtle)}
& [data-sidebar=footer]{
align-items:flex-start;
display:flex;
height:68px;
justify-content:center;
padding-inline:var(--space-md);
width:100%}
}
.pl-main-sidebar-sidebar[data-state=collapsed]{
--sidebar-item-prefix-width:32px;
--sidebar-width-collapsed:52px;
--sidebar-collapsed-inline-padding:10px;
& [data-sidebar=header]{
padding:var(--space-md) var(--sidebar-collapsed-inline-padding) 0}
& [data-sidebar=content]{
gap:var(--space-md);
padding:var(--space-md) var(--space-xs) var(--space-xs) var(--sidebar-collapsed-inline-padding)}
& [data-sidebar=group-label]{
height:0;
max-height:0;
min-height:0}
& [data-sidebar=footer]{
height:-moz-fit-content;
height:fit-content;
padding:var(--space-md) var(--sidebar-collapsed-inline-padding)}
}
.pl-main-sidebar-header-actions,.pl-main-sidebar-header-stack{
display:flex;
flex-direction:column}
.pl-main-sidebar-header-actions{
gap:var(--space-md);
width:100%}
.pl-main-sidebar-logo-container{
display:flex;
align-items:center;
justify-content:space-between;
height:var(--control-size-md);
padding-left:var(--space-xs);
padding-right:0}
.pl-main-sidebar-sidebar[data-state=collapsed] .pl-main-sidebar-logo-container{
justify-content:center;
padding:0}
.pl-main-sidebar-logo{
flex-shrink:0}
.pl-main-sidebar-header-actions .MainSidebar_globalButton__r1yg6{
border-radius:var(--border-radius-full);
justify-content:center;
width:100%}
.pl-main-sidebar-header-actions .pl-main-sidebar-global-button-collapsed{
align-self:center}
.pl-main-sidebar-nav-list{
gap:var(--space-2xs)}
.pl-main-sidebar-nav-link{
font-weight:var(--font-weight-regular);
padding:0 var(--space-xs)}
.pl-main-sidebar-count-text{
color:var(--color-text-subtle);
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-heading)}
.pl-main-sidebar-channel-list{
--sidebar-item-prefix-width:28px}
.pl-main-sidebar-channel-avatar{
--avatar-size:28px;
--channel-avatar-border-color:var(--color-bg-surface-sunken)}
.pl-main-sidebar-channel-link{
height:100%;
gap:var(--space-xs)}
.pl-main-sidebar-sidebar[data-state=collapsed] .pl-main-sidebar-channel-link{
overflow:visible;
padding:0}
.pl-main-sidebar-channel-info{
display:flex;
flex-direction:column;
min-width:0;
text-align:left}
.pl-main-sidebar-footer-row{
display:flex;
align-items:center;
gap:var(--space-xs);
width:100%}
.pl-main-sidebar-sidebar[data-state=collapsed] .pl-main-sidebar-footer-row{
flex-direction:column-reverse;
gap:var(--space-md)}
.pl-main-sidebar-user-menu{
--sidebar-item-prefix-width:32px;
margin-left:-6px;
width:100%}
.pl-main-sidebar-org-avatar{
background-color:var(--color-white);
border:1px solid var(--color-border-xsubtle)}
.pl-main-sidebar-sidebar[data-state=collapsed] .pl-main-sidebar-user-menu{
margin-left:0;
padding-inline:0;
gap:0}
.MainSidebar_drawer___6Sur .MainSidebar_drawerFooter__Gxwvu .pl-main-sidebar-user-menu:hover,.MainSidebar_drawer___6Sur .MainSidebar_drawerFooter__Gxwvu .pl-main-sidebar-user-menu[aria-expanded=true],.pl-main-sidebar-sidebar .pl-main-sidebar-footer-row .pl-main-sidebar-user-menu:hover,.pl-main-sidebar-sidebar .pl-main-sidebar-footer-row .pl-main-sidebar-user-menu[aria-expanded=true]{
background:var(--sidebar-bg-color)}
.MainSidebar_orgOption__xFeoL{
display:flex;
flex-direction:column;
gap:var(--space-2xs);
text-align:left}
.pl-main-sidebar-user-info{
display:flex;
flex-direction:column;
min-width:0;
text-align:left}
.pl-main-sidebar-sidebar-trigger{
flex-shrink:0}
.pl-main-sidebar-topbar{
--topbar-height:56px;
grid-area:sidebar;
align-items:center;
background:var(--color-bg-surface-sunken);
display:flex;
height:var(--topbar-height);
justify-content:space-between;
padding:var(--space-sm) var(--space-md)}
.pl-main-sidebar-topbar-start{
align-items:center;
display:flex;
gap:var(--space-sm)}
.pl-main-sidebar-menu-icon{
height:20px;
width:20px}
.pl-main-sidebar-menu-button-wrapper{
margin-left:calc(-1 * var(--space-xs));
position:relative}
.pl-main-sidebar-badge-dot{
background-color:var(--color-bg-brand-xstrong);
border-radius:var(--border-radius-full);
height:8px;
position:absolute;
right:8px;
top:8px;
width:8px}
.MainSidebar_drawer___6Sur{
--sidebar-bg-color:var(--color-bg-surface-sunken);
--sidebar-item-prefix-width:32px;
--sidebar-button-inline-padding:0;
--sidebar-button-height:var(--size-xl);
--sidebar-button-height-large:var(--size-2xl);
--sidebar-content-padding:0;
--sidebar-button-indent:var(--space-xs);
--sidebar-item-gap:var(--space-2xs);
position:absolute;
inset:56px 0 0;
z-index:3;
background:var(--color-bg-surface-sunken);
display:flex;
flex-direction:column;
overflow:hidden}
.MainSidebar_drawerBody__jQeVf{
display:flex;
flex:1 1;
flex-direction:column;
gap:var(--space-md);
min-height:0;
overflow-y:auto;
overscroll-behavior:contain;
padding:var(--space-md)}
.MainSidebar_drawerFooter__Gxwvu{
border-top:1px solid var(--color-border-subtle);
flex-shrink:0;
padding:var(--space-md)}
.MainSidebar_drawer___6Sur .MainSidebar_drawerGlobalButton__iHvTQ{
border-radius:var(--border-radius-full);
justify-content:center;
width:100%}
.pl-badge-badge-1{
--badge-icon-size:var(--space-md);
--badge-bg-color:var(--color-bg-subtle);
--badge-fg-color:var(--color-text-neutral);
--badge-size:24px;
align-items:center;
background-color:var(--badge-bg-color);
border-radius:var(--border-radius-full);
box-sizing:border-box;
color:var(--badge-fg-color);
cursor:inherit;
display:inline-flex;
flex-shrink:0;
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-medium);
gap:var(--space-2xs);
height:var(--badge-size);
justify-content:center;
line-height:var(--line-height-body);
min-width:var(--badge-size);
padding:0 var(--space-xs);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
white-space:nowrap;
[data-icon]{
--icon-size:var(--badge-icon-size)}
}
.Badge_light__me5aT{
--badge-bg-color:var(--color-bg-neutral);
--badge-fg-color:var(--color-text-neutral)}
.Badge_brand-subtle__Xyj2q,.pl-badge-brand{
--badge-bg-color:var(--color-bg-brand-a-subtle);
--badge-fg-color:var(--color-text-brand)}
.Badge_brand-xsubtle___Y6Ay{
--badge-bg-color:var(--color-bg-brand-xsubtle);
--badge-fg-color:var(--color-text-brand)}
.Badge_large__A6AnI{
--badge-size:32px;
font-size:var(--font-size-body);
padding:0 var(--space-sm)}
.pl-badge-small{
--badge-size:18px;
--badge-icon-size:var(--space-sm);
font-size:var(--font-size-body-sm);
gap:var(--space-3xs);
padding:0 var(--space-2xs)}
.Badge_warning__9Sb8f{
--badge-bg-color:var(--color-bg-warning-subtle);
--badge-fg-color:var(--color-text-warning)}
.Badge_beta__h5U5_{
--badge-bg-color:var(--color-bg-beta);
--badge-fg-color:var(--color-text-beta)}
.Badge_success__nhkQB{
--badge-bg-color:var(--color-bg-success);
--badge-fg-color:var(--color-text-inverted);
:where(.light) &{
color:var(--color-text-on-light)}
:where(.dark) &{
color:var(--color-text-on-dark)}
}
:root{
--sidebar-width:15rem;
--sidebar-width-collapsed:3.6rem;
--sidebar-button-inline-padding:var(--space-xs);
--sidebar-button-height:var(--global-space-8);
--sidebar-button-height-large:var(--global-space-10);
--sidebar-content-padding:var(--space-sm);
--sidebar-button-indent:var(--sidebar-button-inline-padding);
--sidebar-item-gap:var(--space-2xs);
--sidebar-rail-width:8px;
--sidebar-item-prefix-width:auto;
--sidebar-bg-color:var(--color-bg-surface-neutral)}
.pl-sidebar-sidebar-base{
min-height:100%;
display:flex;
flex-direction:column;
flex-shrink:0;
background:var(--sidebar-bg-color);
width:var(--sidebar-width);
container-type:inline-size;
container-name:sidebar}
.pl-sidebar-sidebar-static{
border-right:1px solid var(--color-border-subtle)}
.Sidebar_mobileSidebar__gg0GA{
--sidebar-button-height:var(--global-space-8);
padding-block:0!important;
max-width:80%!important}
.Sidebar_mobileSidebarInner__dlcN5{
width:100%;
height:100%}
.pl-sidebar-container{
position:relative;
height:100%;
&[data-state=collapsed]{
.Sidebar_rail__IdZrI{
cursor:e-resize}
}
&[data-collapsible=offcanvas]{
.pl-sidebar-placeholder{
width:0}
.pl-sidebar-sidebar{
left:calc(var(--sidebar-width) * -1)}
.Sidebar_rail__IdZrI{
right:calc((var(--sidebar-rail-width) / 2) * -1);
transform:translateX(0);
&:after{
left:100%}
}
}
&[data-collapsible=icon]{
.pl-sidebar-placeholder,.pl-sidebar-sidebar{
width:var(--sidebar-width-collapsed)}
.pl-sidebar-group-label,.pl-sidebar-item-content{
opacity:0}
.pl-sidebar-button[data-indent]{
--sidebar-button-indent:var(--sidebar-button-inline-padding)}
[data-hidewhencollapsed]{
display:none}
}
}
.pl-sidebar-sidebar{
position:absolute;
top:0;
left:0;
inset-y:0;
display:flex;
height:100%;
width:var(--sidebar-width);
background:var(--sidebar-bg-color);
border-right:1px solid var(--color-border-subtle);
transition:left var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle),width var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle)}
.pl-sidebar-placeholder{
position:relative;
height:100%;
width:var(--sidebar-width);
background:transparent;
transition:width var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle)}
.pl-sidebar-footer,.pl-sidebar-header{
display:flex;
flex-direction:column;
gap:var(--sidebar-content-padding);
padding:var(--sidebar-content-padding);
@container sidebar (width >= 72px){
&:not(:has(.pl-sidebar-list,.pl-sidebar-group,.pl-sidebar-button)){
-webkit-padding-start:calc(var(--sidebar-button-inline-padding) + var(--sidebar-content-padding));
padding-inline-start:calc(var(--sidebar-button-inline-padding) + var(--sidebar-content-padding))}
}
}
.pl-sidebar-content{
display:flex;
min-height:0;
flex:1 1;
flex-direction:column;
overflow:auto;
scrollbar-gutter:stable;
&:not(:has(.pl-sidebar-group)){
padding:var(--sidebar-content-padding)}
&[data-scroll-top=true]{
border-top:1px solid var(--color-border-subtle)}
&[data-scroll-bottom=true]{
border-bottom:1px solid var(--color-border-subtle)}
@container sidebar (width <= 72px){
scrollbar-width:none;
&::-webkit-scrollbar{
display:none}
}
}
.pl-sidebar-group{
position:relative;
display:flex;
width:100%;
min-width:0;
flex-direction:column;
padding:var(--sidebar-content-padding)}
.pl-sidebar-group-label{
flex-shrink:0;
font-size:var(--font-size-body)!important;
min-height:var(--size-xl);
line-height:var(--size-xl)!important;
-webkit-padding-start:var(--sidebar-button-inline-padding);
padding-inline-start:var(--sidebar-button-inline-padding);
transition:opacity var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle)}
.pl-sidebar-group-content{
width:100%}
.pl-sidebar-list{
padding:0;
margin:0;
list-style:none;
display:flex;
flex-direction:column;
gap:var(--space-2xs);
&+*{
margin-top:var(--sidebar-item-gap)}
}
.pl-sidebar-item{
container-type:inline-size;
container-name:nav-item;
position:relative;
list-style:none;
max-width:100%;
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
:has(.Sidebar_skeleton__U5kNd){
cursor:progress}
&:hover{
.pl-sidebar-button:not(.pl-sidebar-selected,[aria-current],:disabled,.Sidebar_skeleton__U5kNd){
background:var(--color-bg-subtle)}
}
}
.Sidebar_skeleton__U5kNd{
cursor:progress}
.pl-sidebar-button{
all:unset;
box-sizing:border-box;
align-items:center;
justify-content:flex-start;
background:var(--sidebar-bg-color);
border-radius:var(--border-radius-md);
color:var(--color-text-subtle);
display:flex;
gap:var(--space-2xs);
min-height:var(--sidebar-button-height);
padding-block:var(--space-2xs);
padding-inline:var(--sidebar-button-indent) var(--sidebar-button-inline-padding);
text-decoration:none;
overflow:hidden;
width:100%;
cursor:pointer;
position:relative;
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
transition:background-color var(--motion-duration-control-feedback) var(--motion-easing-control-feedback),color var(--motion-duration-control-feedback) var(--motion-easing-control-feedback),-webkit-padding-start var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle);
transition:background-color var(--motion-duration-control-feedback) var(--motion-easing-control-feedback),color var(--motion-duration-control-feedback) var(--motion-easing-control-feedback),padding-inline-start var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle);
transition:background-color var(--motion-duration-control-feedback) var(--motion-easing-control-feedback),color var(--motion-duration-control-feedback) var(--motion-easing-control-feedback),padding-inline-start var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle),-webkit-padding-start var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle);
&:disabled,&[aria-disabled=true]{
color:var(--color-text-disabled);
&:is(a){
cursor:not-allowed;
pointer-events:none;
opacity:.6}
}
&.Sidebar_large__Zhq2o{
min-height:var(--sidebar-button-height-large);
gap:var(--space-sm)}
&.pl-sidebar-selected,&[aria-current]{
background:var(--color-bg-subtle);
color:var(--color-text-neutral)}
&:hover:not(.pl-sidebar-selected,[aria-current],:disabled),&[aria-expanded=true]{
background:var(--color-bg-a-subtle)}
&[data-indent="1"]{
--sidebar-button-indent:var(--space-md)}
&[data-indent="2"]{
--sidebar-button-indent:var(--space-xl)}
}
.pl-sidebar-addon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
height:100%}
.pl-sidebar-item-prefix{
&[collapsed=false]{
width:var(--sidebar-item-prefix-width)}
}
.pl-sidebar-item-suffix{
-webkit-margin-start:auto;
margin-inline-start:auto;
min-width:var(--control-size-sm);
@container nav-item (width < 12ch){
display:none}
}
.pl-sidebar-item-content{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
transition:opacity var(--motion-duration-sidebar-toggle) var(--motion-easing-sidebar-toggle);
@container nav-item (width <= 72px){
.pl-sidebar-item-prefix+&{
opacity:0}
}
}
.Sidebar_separator__Xg_YN{
height:1px;
background:var(--color-border-subtle);
width:100%}
.Sidebar_rail__IdZrI{
position:absolute;
top:0;
bottom:0;
z-index:20;
width:var(--sidebar-rail-width);
transform:translateX(-50%);
right:calc((var(--sidebar-rail-width) / 2) * -1);
cursor:w-resize;
&:after{
content:"";
position:absolute;
top:0;
bottom:0;
opacity:0;
left:50%;
width:2px;
background:var(--color-bg-surface-accent)}
&:hover{
&:after{
opacity:1}
}
}
@media (prefers-reduced-motion:reduce){
.pl-sidebar-button,.pl-sidebar-group-label,.pl-sidebar-item-content,.pl-sidebar-placeholder,.pl-sidebar-sidebar{
transition:none}
}
.Drawer_overlay__b_WnJ{
animation-duration:var(--motion-duration-drawer-settle)!important;
animation-timing-function:var(--motion-easing-drawer-settle)!important;
background-color:var(--color-bg-overlay);
inset:0;
position:fixed;
transition-duration:var(--motion-duration-drawer-settle)!important;
transition-timing-function:var(--motion-easing-drawer-settle)!important}
.Drawer_content__Og2GA{
--drawer-padding:var(--space-md);
animation-duration:var(--motion-duration-drawer-settle)!important;
animation-timing-function:var(--motion-easing-drawer-settle)!important;
background-color:var(--color-bg-surface-raised);
border:1px solid var(--color-border-subtle);
border-top-left-radius:var(--border-radius-md);
border-top-right-radius:var(--border-radius-md);
bottom:0;
box-shadow:var(--shadow-3);
display:flex;
flex-direction:column;
gap:var(--space-sm);
height:auto;
inset-inline:0;
isolation:isolate;
margin-top:var(--space-lg);
max-height:100%;
padding-block:var(--drawer-padding);
position:fixed;
transition-duration:var(--motion-duration-drawer-settle)!important;
transition-timing-function:var(--motion-easing-drawer-settle)!important;
.dark &{
border:none}
[data-vaul-handle]{
height:5px;
left:50%;
position:absolute;
top:var(--space-sm);
transform:translateX(-50%);
width:40px}
&:has([data-drawer-handle]){
padding-top:calc(var(--drawer-padding) + var(--space-sm))}
&[data-vaul-drawer-direction=left]{
border-radius:0;
height:100%;
left:0;
max-height:100%;
max-width:90%;
right:auto;
width:20rem;
[data-vaul-handle]{
display:none}
}
&[data-vaul-drawer-direction=right]{
border-radius:0;
height:100%;
left:auto;
max-height:100%;
max-width:90%;
right:0;
width:20rem;
[data-vaul-handle]{
display:none}
}
}
[data-vaul-drawer-wrapper]{
transition-duration:var(--motion-duration-drawer-settle)!important;
transition-property:transform,border-radius;
transition-timing-function:var(--motion-easing-drawer-settle)!important}
@media (prefers-reduced-motion:reduce){
.Drawer_content__Og2GA,.Drawer_overlay__b_WnJ,[data-vaul-drawer-wrapper]{
animation-duration:.01ms!important;
transition-duration:.01ms!important}
}
.Drawer_handle__IMfyQ{
background-color:var(--color-border-subtle);
height:4px;
width:80px}
.Drawer_section__AnKI2{
margin-block:calc(var(--space-xs) * -1);
margin-inline:auto;
max-width:600px;
padding-block:var(--space-xs);
padding-inline:var(--drawer-padding);
width:100%}
.Drawer_separator__j1Urs{
background-color:var(--color-border-subtle);
height:1px;
margin-block:var(--space-xs);
&.Drawer_inset__DkxpZ{
margin-inline:calc(var(--drawer-padding) * -1)}
&:last-child{
display:none}
}
.Drawer_header__kaaMW{
display:grid;
grid-gap:var(--space-2xs);
gap:var(--space-2xs)}
.Drawer_body__IbTTr{
overflow:auto}
.Drawer_footer__h4yr2{
align-items:center;
border-top:1px solid var(--color-border-subtle);
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:var(--space-md);
justify-content:flex-end;
margin-top:auto;
padding-top:var(--space-md)}
.pl-text-align-left{
display:block;
text-align:left}
.text-align_center__lnPNs{
display:block;
text-align:center}
.text-align_right__w5oIC{
display:block;
text-align:right}
.icon-slot_firstLine__LmKjQ{
align-items:center;
align-self:flex-start;
display:flex;
flex-shrink:0;
height:1lh;
&:before{
content:"\200b"}
}
.icon-slot_center__OdXC6{
align-items:center;
align-self:center;
display:flex;
flex-shrink:0}
.icon-slot_row__L_nU1{
display:flex}
.icon-slot_label__9UF3A{
min-width:0}
.icon-slot_justifyLeft__i2W73{
justify-content:flex-start;
text-align:left}
.icon-slot_justifyCenter__wPPO0{
justify-content:center;
text-align:center}
.icon-slot_justifyRight__wN0p6{
justify-content:flex-end;
text-align:right}
.pl-heading-base{
color:var(--color-text-neutral);
font-family:var(--font-family-heading);
font-weight:var(--font-weight-regular);
line-height:var(--line-height-heading);
margin:0;
text-wrap:balance}
.Heading_xl__lujfX,.Heading_xlarge__F_OMu{
font-size:var(--font-size-heading-xl)}
.Heading_large__yiLrf,.pl-heading-lg{
font-size:var(--font-size-heading-lg)}
.Heading_md__fFC9_,.Heading_medium__DRIY8{
font-family:var(--font-family-body);
font-size:var(--font-size-heading-md);
font-weight:var(--font-weight-medium)}
.pl-heading-sm,.Heading_small__ny9WT{
font-family:var(--font-family-body);
font-size:var(--font-size-heading-sm);
font-weight:var(--font-weight-semibold)}
.Heading_xs__FX6ga,.pl-heading-xsmall{
font-family:var(--font-family-body);
font-size:var(--font-size-heading-xs);
font-weight:var(--font-weight-semibold)}
.Heading_withIcon__k3R70{
gap:var(--space-xs)}
.Heading_truncate__44ZTA{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.pl-text-base{
font-family:var(--font-family-body);
font-size:inherit;
font-weight:inherit;
line-height:inherit;
margin:0;
padding:0}
.pl-text-sm{
font-size:var(--font-size-body-sm)}
.pl-text-md{
font-size:var(--font-size-body)}
.Text_lg__U2qfz{
font-size:var(--font-size-body-lg)}
.pl-text-regular{
font-weight:var(--font-weight-regular)}
.pl-text-medium{
font-weight:var(--font-weight-medium)}
.pl-text-semibold{
font-weight:var(--font-weight-semibold)}
.Text_bold__ovJtS{
font-weight:var(--font-weight-bold)}
.Text_lh-tight__Q2828{
line-height:var(--line-height-label)}
.pl-text-lh-regular{
line-height:var(--line-height-body)}
.Text_truncate__k7pDP{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.Text_withIcon__mPzs0{
gap:var(--space-xs);
&.pl-text-sm{
gap:var(--space-2xs)}
}
.pl-product-frame-slot{
position:relative;
width:100%;
overflow:hidden;
border-radius:var(--border-radius-medium)}
.pl-product-frame-slot:not([data-cropped]){
background-color:var(--color-bg-surface-neutral);
border-radius:calc((var(--border-radius-lg) + var(--space-xs)) * var(--product-frame-scale, 1))}
.pl-product-frame-stage{
position:absolute;
inset-block-start:0;
inset-inline-start:0;
transform-origin:top left;
pointer-events:none;
&[data-interactive]{
pointer-events:auto}
:root[data-page-scroll-active] &[data-interactive]{
pointer-events:none}
&[data-responsive]{
container:product-viewport/inline-size}
will-change:transform}
.pl-product-frame-slot:not([data-measured]) .pl-product-frame-stage{
opacity:0}
@media (prefers-reduced-motion:no-preference){
.pl-product-frame-stage{
transition:opacity .36s ease-out}
}
.pl-product-frame-stage[data-interactive] :where(button,[role=button],a,label){
cursor:default}
.pl-product-frame-stage[data-interactive] :where(a[href],[aria-haspopup],[role=tab],[role=radio],[role=checkbox],[role=option],[data-scene-action]){
cursor:pointer}
.ProductFrame_pin__1eMA4{
position:absolute;
z-index:2}
.ProductFrame_pinLifted__ZaNDJ{
background:var(--color-bg-surface-raised);
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-lg);
box-shadow:0 2px 4px rgb(0 0 0/6%),0 24px 56px rgb(0 0 0/22%)}
.pl-product-frame-stage [data-radix-popper-content-wrapper]>[data-state=closed]{
animation:none}

[data-popcorn-surface]{
--global-color-channels-start-page:var(--color-bg-brand-xstrong);
--global-color-channels-google-business-profile:color(srgb 0.290196 0.490196 0.886275);
--global-color-channels-bluesky:color(srgb 0.0705882 0.521569 0.996078);
--global-color-channels-facebook:color(srgb 0.027451 0.4 1);
--global-color-channels-instagram:color(srgb 0.941177 0.00784314 0.462745);
--global-color-channels-linkedin:color(srgb 0.156863 0.403922 0.698039);
--global-color-channels-mastodon:color(srgb 0.388235 0.392157 1);
--global-color-channels-pinterest:color(srgb 0.901961 0 0.137255);
--global-color-channels-shopify:color(srgb 0.584314 0.74902 0.278431);
--global-color-channels-substack:color(srgb 1 0.403922 0.0980392);
--global-color-channels-threads:color(srgb 0 0 0);
--global-color-channels-tiktok:color(srgb 0 0 0);
--global-color-channels-whatsapp:color(srgb 0.145098 0.827451 0.4);
--global-color-channels-x:color(srgb 0 0 0);
--global-color-channels-youtube:color(srgb 1 0 0);
--global-color-purple-a-200:color(srgb 0.533333 0.341176 0.941177/0.2);
--global-color-purple-a-400:color(srgb 0.533333 0.341176 0.941177/0.4);
--global-color-purple-50:color(srgb 0.956863 0.941177 1);
--global-color-purple-100:color(srgb 0.92549 0.890196 1);
--global-color-purple-200:color(srgb 0.886275 0.847059 1);
--global-color-purple-300:color(srgb 0.819608 0.741177 1);
--global-color-purple-400:color(srgb 0.705882 0.584314 0.988235);
--global-color-purple-500:color(srgb 0.521569 0.341176 0.941177);
--global-color-purple-600:color(srgb 0.423529 0.258824 0.807843);
--global-color-purple-700:color(srgb 0.356863 0.192157 0.74902);
--global-color-purple-800:color(srgb 0.207843 0.109804 0.435294);
--global-color-purple-900:color(srgb 0.133333 0.0705882 0.278431);
--global-color-green-a-50:color(srgb 0.690196 0.92549 0.611765/0.0784314);
--global-color-green-a-100:color(srgb 0.584314 0.8 0.556863/0.160784);
--global-color-green-a-200:color(srgb 0.584314 0.8 0.556863/0.239216);
--global-color-green-a-300:color(srgb 0.584314 0.8 0.556863/0.321569);
--global-color-green-a-400:color(srgb 0.454902 0.752941 0.47451/0.4);
--global-color-green-a-600:color(srgb 0.690196 0.92549 0.611765/0.639216);
--global-color-green-a-800:color(srgb 0.690196 0.92549 0.611765/0.8);
--global-color-green-50:color(srgb 0.929412 0.960784 0.921569);
--global-color-green-100:color(srgb 0.85098 0.945098 0.819608);
--global-color-green-200:color(srgb 0.772549 0.933333 0.721569);
--global-color-green-300:color(srgb 0.690196 0.92549 0.611765);
--global-color-green-400:color(srgb 0.564706 0.843137 0.533333);
--global-color-green-500:color(srgb 0.454902 0.752941 0.47451);
--global-color-green-600:color(srgb 0.305882 0.592157 0.356863);
--global-color-green-700:color(srgb 0.2 0.439216 0.27451);
--global-color-green-800:color(srgb 0.160784 0.286275 0.235294);
--global-color-green-900:color(srgb 0.129412 0.192157 0.188235);
--global-color-teal-a-200:color(srgb 0.368627 0.862745 0.811765/0.239216);
--global-color-teal-50:color(srgb 0.92549 0.984314 0.976471);
--global-color-teal-100:color(srgb 0.85098 0.968627 0.956863);
--global-color-teal-200:color(srgb 0.772549 0.94902 0.933333);
--global-color-teal-300:color(srgb 0.619608 0.917647 0.886275);
--global-color-teal-400:color(srgb 0.494118 0.890196 0.85098);
--global-color-teal-500:color(srgb 0.368627 0.862745 0.811765);
--global-color-teal-600:color(srgb 0.247059 0.835294 0.776471);
--global-color-teal-700:color(srgb 0.129412 0.631373 0.580392);
--global-color-teal-800:color(srgb 0.0784314 0.380392 0.34902);
--global-color-teal-900:color(srgb 0.0588235 0.25098 0.231373);
--global-color-pink-a-200:color(srgb 1 0.360784 0.894118/0.239216);
--global-color-pink-50:color(srgb 0.996078 0.945098 0.988235);
--global-color-pink-100:color(srgb 1 0.878431 0.980392);
--global-color-pink-200:color(srgb 1 0.819608 0.968627);
--global-color-pink-300:color(srgb 1 0.701961 0.94902);
--global-color-pink-400:color(srgb 1 0.529412 0.921569);
--global-color-pink-500:color(srgb 1 0.360784 0.894118);
--global-color-pink-600:color(srgb 1 0.184314 0.862745);
--global-color-pink-700:color(srgb 0.85098 0 0.709804);
--global-color-pink-800:color(srgb 0.509804 0 0.423529);
--global-color-pink-900:color(srgb 0.341176 0 0.286275);
--global-color-orange-a-200:color(srgb 1 0.552941 0.231373/0.239216);
--global-color-orange-50:color(srgb 1 0.941177 0.909804);
--global-color-orange-100:color(srgb 1 0.894118 0.811765);
--global-color-orange-200:color(srgb 0.996078 0.843137 0.72549);
--global-color-orange-300:color(srgb 1 0.733333 0.541177);
--global-color-orange-400:color(srgb 1 0.643137 0.384314);
--global-color-orange-500:color(srgb 1 0.552941 0.231373);
--global-color-orange-600:color(srgb 1 0.462745 0.0823529);
--global-color-orange-700:color(srgb 0.768627 0.321569 0);
--global-color-orange-800:color(srgb 0.466667 0.192157 0);
--global-color-orange-900:color(srgb 0.309804 0.129412 0);
--global-color-base-black:color(srgb 0.0666667 0.0745098 0.0745098);
--global-color-base-white:color(srgb 1 1 1);
--global-color-yellow-a-200:color(srgb 1 0.745098 0.227451/0.239216);
--global-color-yellow-50:color(srgb 1 0.976471 0.941177);
--global-color-yellow-100:color(srgb 1 0.937255 0.815686);
--global-color-yellow-200:color(srgb 1 0.909804 0.721569);
--global-color-yellow-300:color(srgb 1 0.847059 0.537255);
--global-color-yellow-400:color(srgb 1 0.796078 0.384314);
--global-color-yellow-500:color(srgb 1 0.745098 0.227451);
--global-color-yellow-600:color(srgb 0.768627 0.513726 0.00392157);
--global-color-yellow-700:color(srgb 0.611765 0.407843 0.00392157);
--global-color-yellow-800:color(srgb 0.462745 0.309804 0);
--global-color-yellow-900:color(srgb 0.309804 0.203922 0);
--global-color-red-a-200:color(srgb 1 0.407843 0.329412/0.239216);
--global-color-red-50:color(srgb 0.996078 0.94902 0.937255);
--global-color-red-100:color(srgb 1 0.878431 0.862745);
--global-color-red-200:color(srgb 1 0.819608 0.792157);
--global-color-red-300:color(srgb 1 0.698039 0.658824);
--global-color-red-400:color(srgb 1 0.521569 0.458824);
--global-color-red-500:color(srgb 1 0.407843 0.329412);
--global-color-red-600:color(srgb 1 0.372549 0.290196);
--global-color-red-700:color(srgb 0.752941 0.180392 0.109804);
--global-color-red-800:color(srgb 0.498039 0.0588235 0);
--global-color-red-900:color(srgb 0.337255 0.0392157 0);
--global-color-gray-a-0:color(srgb 0.2 0.121569 0/0);
--global-color-gray-a-25:color(srgb 0.2 0.121569 0/0.0588235);
--global-color-gray-a-50:color(srgb 0.2 0.121569 0/0.0901961);
--global-color-gray-a-100:color(srgb 0.180392 0.109804 0/0.121569);
--global-color-gray-a-200:color(srgb 0.121569 0.0705882 0/0.2);
--global-color-gray-a-300:color(srgb 0.117647 0.0705882 0.00392157/0.321569);
--global-color-gray-a-400:color(srgb 0.0588235 0.0352941 0/0.4);
--global-color-gray-a-500:color(srgb 0.0588235 0.0352941 0/0.478431);
--global-color-gray-a-600:color(srgb 0.129412 0.121569 0.109804/0.639216);
--global-color-gray-a-700:color(srgb 0.129412 0.121569 0.109804/0.721569);
--global-color-gray-a-800:color(srgb 0.129412 0.121569 0.109804/0.8);
--global-color-gray-a-900:color(srgb 0.129412 0.121569 0.109804/0.901961);
--global-color-gray-50:color(srgb 0.984314 0.980392 0.976471);
--global-color-gray-100:color(srgb 0.968627 0.964706 0.952941);
--global-color-gray-200:color(srgb 0.917647 0.909804 0.898039);
--global-color-gray-300:color(srgb 0.870588 0.862745 0.85098);
--global-color-gray-400:color(srgb 0.737255 0.729412 0.713726);
--global-color-gray-500:color(srgb 0.54902 0.545098 0.533333);
--global-color-gray-600:color(srgb 0.486275 0.482353 0.47451);
--global-color-gray-700:color(srgb 0.352941 0.352941 0.34902);
--global-color-gray-800:color(srgb 0.160784 0.160784 0.156863);
--global-color-gray-900:color(srgb 0.117647 0.113725 0.101961);
--global-color-blue-a-50:color(srgb 0.345098 0.705882 1/0.239216);
--global-color-blue-a-100:color(srgb 0.345098 0.705882 1/0.160784);
--global-color-blue-a-200:color(srgb 0.345098 0.705882 1/0.239216);
--global-color-blue-a-300:color(srgb 0.345098 0.705882 1/0.239216);
--global-color-blue-a-600:color(srgb 0.345098 0.705882 1/0.6);
--global-color-blue-a-800:color(srgb 0.345098 0.705882 1/0.8);
--global-color-blue-25:color(srgb 0.909804 0.945098 0.968627);
--global-color-blue-50:color(srgb 0.937255 0.972549 1);
--global-color-blue-100:color(srgb 0.870588 0.941177 1);
--global-color-blue-200:color(srgb 0.807843 0.913726 1);
--global-color-blue-300:color(srgb 0.678431 0.854902 1);
--global-color-blue-400:color(srgb 0.513726 0.780392 1);
--global-color-blue-500:color(srgb 0.345098 0.705882 1);
--global-color-blue-600:color(srgb 0.0862745 0.572549 0.968627);
--global-color-blue-700:color(srgb 0 0.392157 0.709804);
--global-color-blue-800:color(srgb 0 0.278431 0.505882);
--global-color-blue-900:color(srgb 0.00392157 0.184314 0.337255)}
[data-popcorn-surface][data-popcorn-theme=dark]{
--global-color-channels-google-business-profile:color(srgb 0.290196 0.490196 0.886275);
--global-color-channels-bluesky:color(srgb 0.0705882 0.521569 0.996078);
--global-color-channels-facebook:color(srgb 0.027451 0.4 1);
--global-color-channels-instagram:color(srgb 0.941177 0.00784314 0.462745);
--global-color-channels-linkedin:color(srgb 0.156863 0.403922 0.698039);
--global-color-channels-mastodon:color(srgb 0.388235 0.392157 1);
--global-color-channels-pinterest:color(srgb 0.901961 0 0.137255);
--global-color-channels-shopify:color(srgb 0.584314 0.74902 0.278431);
--global-color-channels-substack:color(srgb 1 0.403922 0.0980392);
--global-color-channels-threads:color(srgb 1 1 1);
--global-color-channels-tiktok:color(srgb 1 1 1);
--global-color-channels-whatsapp:color(srgb 0.145098 0.827451 0.4);
--global-color-channels-x:color(srgb 1 1 1);
--global-color-channels-youtube:color(srgb 1 0 0);
--global-color-purple-a-200:color(srgb 0.584314 0.392157 1/0.239216);
--global-color-purple-a-400:color(srgb 0.584314 0.392157 1/0.34902);
--global-color-purple-50:color(srgb 0.109804 0.0784314 0.180392);
--global-color-purple-100:color(srgb 0.129412 0.0901961 0.211765);
--global-color-purple-200:color(srgb 0.211765 0.14902 0.34902);
--global-color-purple-300:color(srgb 0.298039 0.211765 0.490196);
--global-color-purple-400:color(srgb 0.384314 0.270588 0.631373);
--global-color-purple-500:color(srgb 0.701961 0.564706 1);
--global-color-purple-600:color(srgb 0.768627 0.721569 0.878431);
--global-color-purple-700:color(srgb 0.827451 0.788235 0.909804);
--global-color-purple-800:color(srgb 0.886275 0.858824 0.941177);
--global-color-purple-900:color(srgb 0.917647 0.901961 0.956863);
--global-color-green-a-50:color(srgb 0.552941 0.776471 0.490196/0.0784314);
--global-color-green-a-100:color(srgb 0.552941 0.776471 0.490196/0.160784);
--global-color-green-a-200:color(srgb 0.552941 0.776471 0.490196/0.239216);
--global-color-green-a-300:color(srgb 0.552941 0.776471 0.490196/0.321569);
--global-color-green-a-400:color(srgb 0.552941 0.776471 0.490196/0.4);
--global-color-green-a-600:color(srgb 0.552941 0.776471 0.490196/0.639216);
--global-color-green-a-800:color(srgb 0.552941 0.776471 0.490196/0.8);
--global-color-green-50:color(srgb 0.117647 0.145098 0.117647);
--global-color-green-100:color(srgb 0.137255 0.164706 0.129412);
--global-color-green-200:color(srgb 0.152941 0.192157 0.14902);
--global-color-green-300:color(srgb 0.231373 0.305882 0.211765);
--global-color-green-400:color(srgb 0.396078 0.54902 0.352941);
--global-color-green-500:color(srgb 0.494118 0.690196 0.439216);
--global-color-green-600:color(srgb 0.521569 0.733333 0.462745);
--global-color-green-700:color(srgb 0.560784 0.776471 0.490196);
--global-color-green-800:color(srgb 0.713726 0.85098 0.666667);
--global-color-green-900:color(srgb 0.85098 0.945098 0.819608);
--global-color-teal-a-200:color(srgb 0.384314 0.847059 0.8/0.239216);
--global-color-teal-50:color(srgb 0.0509804 0.207843 0.192157);
--global-color-teal-100:color(srgb 0.0666667 0.270588 0.25098);
--global-color-teal-200:color(srgb 0.0784314 0.321569 0.294118);
--global-color-teal-300:color(srgb 0.0901961 0.368627 0.337255);
--global-color-teal-400:color(srgb 0.141176 0.560784 0.517647);
--global-color-teal-500:color(srgb 0.384314 0.847059 0.8);
--global-color-teal-600:color(srgb 0.678431 0.921569 0.894118);
--global-color-teal-700:color(srgb 0.760784 0.941177 0.92549);
--global-color-teal-800:color(srgb 0.839216 0.960784 0.94902);
--global-color-teal-900:color(srgb 0.901961 0.980392 0.968627);
--global-color-pink-a-200:color(srgb 0.870588 0.490196 0.807843/0.239216);
--global-color-pink-50:color(srgb 0.207843 0.0509804 0.180392);
--global-color-pink-100:color(srgb 0.239216 0.0588235 0.211765);
--global-color-pink-200:color(srgb 0.321569 0.0784314 0.278431);
--global-color-pink-300:color(srgb 0.4 0.0980392 0.34902);
--global-color-pink-400:color(srgb 0.560784 0.141176 0.490196);
--global-color-pink-500:color(srgb 0.870588 0.490196 0.807843);
--global-color-pink-600:color(srgb 0.960784 0.639216 0.905882);
--global-color-pink-700:color(srgb 0.968627 0.729412 0.929412);
--global-color-pink-800:color(srgb 0.980392 0.819608 0.952941);
--global-color-pink-900:color(srgb 0.988235 0.890196 0.972549);
--global-color-orange-a-200:color(srgb 0.921569 0.564706 0.309804/0.239216);
--global-color-orange-50:color(srgb 0.235294 0.113725 0.027451);
--global-color-orange-100:color(srgb 0.305882 0.14902 0.0352941);
--global-color-orange-200:color(srgb 0.45098 0.219608 0.0509804);
--global-color-orange-300:color(srgb 0.631373 0.305882 0.0705882);
--global-color-orange-400:color(srgb 0.811765 0.388235 0.0901961);
--global-color-orange-500:color(srgb 0.921569 0.564706 0.309804);
--global-color-orange-600:color(srgb 0.94902 0.717647 0.54902);
--global-color-orange-700:color(srgb 0.960784 0.772549 0.639216);
--global-color-orange-800:color(srgb 0.980392 0.890196 0.819608);
--global-color-orange-900:color(srgb 0.980392 0.898039 0.831373);
--global-color-base-black:color(srgb 0.0588235 0.0588235 0.0588235);
--global-color-base-white:color(srgb 1 1 1);
--global-color-yellow-a-200:color(srgb 0.721569 0.541177 0.180392/0.2);
--global-color-yellow-50:color(srgb 0.188235 0.152941 0.0941177);
--global-color-yellow-100:color(srgb 0.235294 0.184314 0.0823529);
--global-color-yellow-200:color(srgb 0.321569 0.239216 0.0784314);
--global-color-yellow-300:color(srgb 0.4 0.278431 0.0980392);
--global-color-yellow-400:color(srgb 0.721569 0.541177 0.180392);
--global-color-yellow-500:color(srgb 0.929412 0.745098 0.368627);
--global-color-yellow-600:color(srgb 1 0.847059 0.537255);
--global-color-yellow-700:color(srgb 1 0.909804 0.72549);
--global-color-yellow-800:color(srgb 1 0.937255 0.815686);
--global-color-yellow-900:color(srgb 1 0.976471 0.941177);
--global-color-red-a-200:color(srgb 0.819608 0.345098 0.278431/0.239216);
--global-color-red-50:color(srgb 0.215686 0.117647 0.105882);
--global-color-red-100:color(srgb 0.298039 0.12549 0.0980392);
--global-color-red-200:color(srgb 0.407843 0.180392 0.152941);
--global-color-red-300:color(srgb 0.6 0.247059 0.2);
--global-color-red-400:color(srgb 0.819608 0.345098 0.278431);
--global-color-red-500:color(srgb 0.839216 0.415686 0.360784);
--global-color-red-600:color(srgb 0.941177 0.517647 0.458824);
--global-color-red-700:color(srgb 1 0.65098 0.6);
--global-color-red-800:color(srgb 1 0.878431 0.862745);
--global-color-red-900:color(srgb 0.996078 0.94902 0.937255);
--global-color-gray-a-0:color(srgb 0.878431 0.882353 0.882353/0);
--global-color-gray-a-25:color(srgb 0.878431 0.882353 0.882353/0.0117647);
--global-color-gray-a-50:color(srgb 0.878431 0.882353 0.882353/0.0509804);
--global-color-gray-a-100:color(srgb 0.878431 0.882353 0.882353/0.101961);
--global-color-gray-a-200:color(srgb 0.878431 0.882353 0.882353/0.2);
--global-color-gray-a-300:color(srgb 0.878431 0.882353 0.882353/0.301961);
--global-color-gray-a-400:color(srgb 0.878431 0.882353 0.882353/0.4);
--global-color-gray-a-500:color(srgb 0.878431 0.882353 0.882353/0.478431);
--global-color-gray-a-600:color(srgb 0.878431 0.882353 0.882353/0.639216);
--global-color-gray-a-700:color(srgb 0.878431 0.882353 0.882353/0.721569);
--global-color-gray-a-800:color(srgb 0.878431 0.882353 0.882353/0.8);
--global-color-gray-a-900:color(srgb 0.878431 0.882353 0.882353/0.901961);
--global-color-gray-50:color(srgb 0.0745098 0.0745098 0.0745098);
--global-color-gray-100:color(srgb 0.0901961 0.0901961 0.0901961);
--global-color-gray-200:color(srgb 0.117647 0.121569 0.121569);
--global-color-gray-300:color(srgb 0.137255 0.141176 0.141176);
--global-color-gray-400:color(srgb 0.168627 0.172549 0.172549);
--global-color-gray-500:color(srgb 0.196078 0.203922 0.203922);
--global-color-gray-600:color(srgb 0.266667 0.27451 0.27451);
--global-color-gray-700:color(srgb 0.439216 0.45098 0.45098);
--global-color-gray-800:color(srgb 0.666667 0.67451 0.67451);
--global-color-gray-900:color(srgb 0.929412 0.929412 0.929412);
--global-color-blue-a-50:color(srgb 0 0.301961 0.54902/0.4);
--global-color-blue-a-100:color(srgb 0 0.301961 0.54902/0.160784);
--global-color-blue-a-200:color(srgb 0 0.301961 0.54902/0.4);
--global-color-blue-a-300:color(srgb 0 0.301961 0.54902/0.4);
--global-color-blue-a-600:color(srgb 0 0.301961 0.54902/0.6);
--global-color-blue-a-800:color(srgb 0 0.301961 0.54902/0.8);
--global-color-blue-25:color(srgb 0.12549 0.14902 0.168627);
--global-color-blue-50:color(srgb 0.0901961 0.152941 0.207843);
--global-color-blue-100:color(srgb 0.0666667 0.180392 0.270588);
--global-color-blue-200:color(srgb 0.0784314 0.196078 0.321569);
--global-color-blue-300:color(srgb 0.101961 0.262745 0.4);
--global-color-blue-400:color(srgb 0.2 0.529412 0.8);
--global-color-blue-500:color(srgb 0.501961 0.772549 1);
--global-color-blue-600:color(srgb 0.603922 0.796078 0.956863);
--global-color-blue-700:color(srgb 0.694118 0.843137 0.964706);
--global-color-blue-800:color(srgb 0.8 0.913726 1);
--global-color-blue-900:color(srgb 0.909804 0.945098 0.968627)}
[data-popcorn-surface]{
--global-border-radius-1:4px;
--global-border-radius-2:6px;
--global-border-radius-3:8px;
--global-border-radius-4:12px;
--global-border-radius-5:16px;
--global-border-radius-6:100px;
--border-radius-none:0;
--border-radius-xs:var(--global-border-radius-1);
--border-radius-sm:var(--global-border-radius-2);
--border-radius-md:var(--global-border-radius-3);
--border-radius-lg:var(--global-border-radius-4);
--border-radius-xl:var(--global-border-radius-5);
--border-radius-full:100vmax;
--border-width-default:1px;
--border-width-strong:2px;
--color-bg-alpha:var(--global-color-red-a-200);
--color-bg-beta:var(--global-color-teal-a-200);
--color-bg-brand:var(--global-color-green-300);
--color-bg-critical:var(--global-color-red-300);
--color-bg-disabled:var(--global-color-gray-300);
--color-bg-info:var(--global-color-blue-300);
--color-bg-inverted:var(--global-color-gray-800);
--color-bg-neutral:var(--global-color-base-white);
--color-bg-new:var(--global-color-pink-a-200);
--color-bg-subtle:var(--global-color-gray-200);
--color-bg-success:var(--global-color-green-300);
--color-bg-upgrade:var(--global-color-purple-a-200);
--color-bg-warning:var(--global-color-yellow-300);
--color-bg-xsubtle:var(--global-color-gray-a-0);
--color-bg-a-strong:var(--global-color-gray-a-700);
--color-bg-a-subtle:var(--global-color-gray-a-25);
--color-bg-brand-inverted:var(--global-color-green-900);
--color-bg-brand-strong:var(--global-color-green-400);
--color-bg-brand-subtle:var(--global-color-green-100);
--color-bg-brand-xstrong:var(--global-color-green-600);
--color-bg-brand-xsubtle:var(--global-color-green-50);
--color-bg-brand-a-strong:var(--global-color-green-a-400);
--color-bg-brand-a-subtle:var(--global-color-green-a-300);
--color-bg-brand-inverted-subtle:var(--global-color-green-800);
--color-bg-critical-strong:var(--global-color-red-400);
--color-bg-critical-subtle:var(--global-color-red-200);
--color-bg-critical-a-subtle:var(--global-color-red-a-200);
--color-bg-info-subtle:var(--global-color-blue-100);
--color-bg-inverted-strong:var(--global-color-gray-600);
--color-bg-on-dark:var(--global-color-base-white);
--color-bg-on-light:var(--global-color-base-black);
--color-bg-success-strong:var(--global-color-green-400);
--color-bg-success-subtle:var(--global-color-green-100);
--color-bg-surface-accent:var(--global-color-green-50);
--color-bg-surface-brand:var(--global-color-gray-100);
--color-bg-surface-critical:var(--global-color-red-300);
--color-bg-surface-floating:var(--global-color-base-white);
--color-bg-surface-info:var(--global-color-blue-300);
--color-bg-surface-muted:var(--global-color-gray-100);
--color-bg-surface-neutral:var(--global-color-base-white);
--color-bg-surface-raised:var(--global-color-base-white);
--color-bg-surface-sunken:var(--global-color-gray-100);
--color-bg-surface-warning:var(--global-color-yellow-300);
--color-bg-warning-strong:var(--global-color-yellow-400);
--color-bg-warning-subtle:var(--global-color-yellow-100);
--color-border-brand:var(--global-color-green-700);
--color-border-critical:var(--global-color-red-700);
--color-border-disabled:var(--global-color-gray-300);
--color-border-info:var(--global-color-blue-700);
--color-border-inverted:var(--global-color-gray-900);
--color-border-neutral:var(--global-color-gray-500);
--color-border-subtle:var(--global-color-gray-300);
--color-border-success:var(--global-color-green-700);
--color-border-warning:var(--global-color-yellow-700);
--color-border-xsubtle:var(--global-color-gray-200);
--color-border-brand-strong:var(--global-color-green-800);
--color-border-brand-subtle:var(--global-color-green-600);
--color-border-brand-xsubtle:var(--global-color-green-500);
--color-border-critical-subtle:var(--global-color-red-400);
--color-border-on-dark:var(--global-color-gray-700);
--color-border-surface-brand:var(--global-color-green-100);
--color-border-surface-critical:var(--global-color-red-100);
--color-border-surface-floating:var(--global-color-gray-200);
--color-border-surface-info:var(--global-color-blue-a-200);
--color-border-surface-neutral:var(--global-color-gray-200);
--color-border-surface-raised:var(--global-color-gray-200);
--color-border-surface-warning:var(--global-color-yellow-100);
--color-border-warning-subtle:var(--global-color-yellow-500);
--color-link-enabled:var(--global-color-green-700);
--color-link-hover:var(--global-color-green-800);
--color-link-inverted:var(--global-color-base-white);
--color-link-visited:var(--global-color-green-900);
--color-link-inverted-strong:var(--global-color-green-200);
--color-link-secondary-enabled:var(--color-text-neutral);
--color-link-secondary-hover:var(--color-text-subtle);
--color-link-secondary-visited:var(--color-text-subtle);
--color-text-alpha:var(--global-color-red-800);
--color-text-beta:var(--global-color-teal-800);
--color-text-brand:var(--global-color-green-700);
--color-text-critical:var(--global-color-red-800);
--color-text-disabled:var(--global-color-gray-600);
--color-text-info:var(--global-color-blue-800);
--color-text-inverted:var(--global-color-base-white);
--color-text-neutral:var(--global-color-gray-800);
--color-text-new:var(--global-color-pink-800);
--color-text-subtle:var(--global-color-gray-700);
--color-text-success:var(--global-color-green-700);
--color-text-upgrade:var(--global-color-purple-700);
--color-text-warning:var(--global-color-yellow-800);
--color-text-brand-on-dark:var(--global-color-green-50);
--color-text-critical-strong:var(--global-color-red-800);
--color-text-inverted-disabled:var(--global-color-gray-300);
--color-text-on-dark:var(--global-color-base-white);
--color-text-on-light:var(--global-color-gray-800);
--color-tooltip-bg:var(--color-bg-inverted)}
[data-popcorn-surface][data-popcorn-theme=dark]{
--color-bg-brand:var(--global-color-green-700);
--color-bg-critical:var(--global-color-red-500);
--color-bg-disabled:var(--global-color-gray-a-50);
--color-bg-info:var(--global-color-blue-400);
--color-bg-inverted:var(--global-color-gray-700);
--color-bg-neutral:var(--global-color-gray-100);
--color-bg-subtle:var(--global-color-gray-a-100);
--color-bg-upgrade:var(--global-color-purple-a-400);
--color-bg-warning:var(--global-color-yellow-400);
--color-bg-xsubtle:var(--global-color-gray-a-50);
--color-bg-a-subtle:var(--global-color-gray-a-100);
--color-bg-brand-strong:var(--global-color-green-600);
--color-bg-brand-subtle:var(--global-color-green-a-300);
--color-bg-brand-xstrong:var(--global-color-green-800);
--color-bg-brand-xsubtle:var(--global-color-green-a-100);
--color-bg-brand-a-strong:var(--global-color-green-a-800);
--color-bg-brand-a-subtle:var(--global-color-green-a-200);
--color-bg-info-subtle:var(--global-color-blue-a-200);
--color-bg-success-subtle:var(--global-color-green-a-100);
--color-bg-surface-accent:var(--global-color-gray-200);
--color-bg-surface-brand:var(--global-color-green-50);
--color-bg-surface-critical:var(--global-color-red-a-200);
--color-bg-surface-floating:var(--global-color-gray-300);
--color-bg-surface-info:var(--global-color-blue-a-200);
--color-bg-surface-muted:var(--global-color-gray-200);
--color-bg-surface-neutral:var(--global-color-gray-100);
--color-bg-surface-raised:var(--global-color-gray-200);
--color-bg-surface-sunken:var(--global-color-gray-50);
--color-bg-surface-warning:var(--global-color-yellow-a-200);
--color-bg-warning-strong:var(--global-color-yellow-500);
--color-bg-warning-subtle:var(--global-color-yellow-a-200);
--color-border-brand:var(--global-color-green-600);
--color-border-critical:var(--global-color-red-600);
--color-border-info:var(--global-color-blue-600);
--color-border-neutral:var(--global-color-gray-a-400);
--color-border-subtle:var(--global-color-gray-a-100);
--color-border-success:var(--global-color-green-600);
--color-border-warning:var(--global-color-yellow-600);
--color-border-xsubtle:var(--global-color-gray-a-50);
--color-border-brand-strong:var(--global-color-green-a-800);
--color-border-brand-subtle:var(--global-color-green-a-600);
--color-border-brand-xsubtle:var(--global-color-green-a-50);
--color-border-surface-floating:var(--global-color-gray-500);
--color-border-surface-neutral:var(--global-color-gray-300);
--color-border-surface-raised:var(--global-color-gray-400);
--color-border-warning-subtle:var(--global-color-yellow-600);
--color-link-enabled:var(--global-color-green-600);
--color-link-hover:var(--global-color-green-700);
--color-link-inverted:var(--global-color-gray-50);
--color-link-visited:var(--global-color-green-800);
--color-link-inverted-strong:var(--global-color-green-100);
--color-text-alpha:var(--global-color-red-700);
--color-text-beta:var(--global-color-teal-700);
--color-text-brand:var(--global-color-green-900);
--color-text-critical:var(--global-color-red-700);
--color-text-disabled:var(--global-color-gray-700);
--color-text-info:var(--global-color-blue-900);
--color-text-inverted:var(--global-color-gray-300);
--color-text-neutral:var(--global-color-gray-900);
--color-text-new:var(--global-color-pink-700);
--color-text-subtle:var(--global-color-gray-800);
--color-text-upgrade:var(--global-color-purple-600);
--color-text-warning:var(--global-color-yellow-700);
--color-text-brand-on-dark:var(--global-color-green-900);
--color-text-on-light:var(--global-color-gray-300);
--color-tooltip-bg:var(--global-color-gray-600)}
[data-popcorn-surface]{
--control-size-sm:24px;
--control-size-md:32px;
--control-size-lg:40px;
--focus-ring-x:0;
--focus-ring-y:0;
--focus-ring-blur:0;
--focus-ring-spread:2px;
--icon-size-xs:12px;
--icon-size-sm:16px;
--icon-size-md:20px;
--icon-size-lg:24px;
--icon-stroke-xs:1px;
--icon-stroke-sm:1.25px;
--icon-stroke-md:1.5px;
--icon-stroke-lg:2px;
--color-illustration-card:var(--global-color-base-white);
--color-illustration-border:var(--global-color-gray-200);
--color-illustration-element:var(--global-color-gray-200);
--color-illustration-secondary-element:#f4f3f1;
--color-illustration-background:var(--global-color-base-white);
--color-illustration-accent:var(--color-bg-brand-a-strong);
--color-illustration-marketing-background:var(--global-color-base-white);
--color-illustration-marketing-background-secondary:var(
    --global-color-base-white
  );
--color-illustration-marketing-card-background:var(
    --global-color-base-white
  );
--color-illustration-marketing-accent:var(--global-color-green-300);
--color-illustration-marketing-accent-yellow:var(--global-color-yellow-300);
--color-illustration-marketing-accent-teal:var(--global-color-teal-300);
--color-illustration-marketing-secondary:var(--global-color-gray-200);
--color-illustration-marketing-text-button:var(--color-text-on-light);
--color-illustration-marketing-text-primary:var(--global-color-gray-700);
--color-illustration-marketing-border:var(--global-color-green-900);
--color-illustration-card-media-background:var(--global-color-purple-300);
--color-illustration-card-media-circle:var(--global-color-purple-100);
--color-illustration-card-media-line:var(--global-color-purple-50)}
[data-popcorn-surface][data-popcorn-theme=dark]{
--color-illustration-card:var(--global-color-gray-100);
--color-illustration-border:var(--global-color-gray-500);
--color-illustration-element:var(--global-color-gray-500);
--color-illustration-secondary-element:var(--global-color-gray-300);
--color-illustration-accent:var(--color-bg-brand-a-subtle);
--color-illustration-marketing-background:#292532;
--color-illustration-marketing-background-secondary:#473f59;
--color-illustration-marketing-card-background:#382f4a;
--color-illustration-marketing-accent:var(--global-color-green-700);
--color-illustration-marketing-accent-yellow:var(--global-color-yellow-600);
--color-illustration-marketing-accent-teal:var(--global-color-teal-600);
--color-illustration-marketing-secondary:#473f59;
--color-illustration-marketing-text-button:var(--color-text-on-light);
--color-illustration-marketing-text-primary:var(--global-color-base-white);
--color-illustration-marketing-border:#5e5671;
--color-illustration-card-media-background:var(--global-color-purple-300);
--color-illustration-card-media-circle:var(--global-color-purple-a-200);
--color-illustration-card-media-line:var(--global-color-purple-a-400)}
[data-popcorn-surface]{
--line-height-label:100%;
--line-height-heading:125%;
--line-height-body:150%;
--color-marketing-text-primary:var(--global-color-gray-900);
--color-marketing-text-secondary:var(--global-color-gray-700);
--color-marketing-text-button:var(--color-text-on-light);
--color-marketing-border:var(--global-color-green-900);
--color-marketing-linkedin-bg:var(--global-color-channels-linkedin);
--color-marketing-linkedin-icon:#ffffff;
--color-marketing-threads-bg:var(--global-color-channels-threads);
--color-marketing-threads-icon:var(--color-text-inverted);
--color-marketing-bluesky-bg:var(--global-color-channels-bluesky);
--color-marketing-bluesky-icon:var(--color-text-on-dark);
--color-marketing-substack-bg:var(--global-color-channels-substack);
--color-marketing-substack-icon:var(--color-text-on-dark);
--color-marketing-whatsapp-bg:var(--global-color-channels-whatsapp);
--color-marketing-whatsapp-icon:var(--color-text-on-dark);
--color-marketing-brand-dark:#213130;
--color-marketing-element:#dbdbdb;
--color-marketing-secondary-element:#e0e0e0;
--color-marketing-shadow:var(--global-color-green-900);
--color-marketing-accent-green:var(--global-color-green-300);
--color-marketing-accent-orange:var(--global-color-orange-300);
--color-marketing-accent-blue:var(--global-color-blue-200);
--color-marketing-accent-pink:var(--global-color-pink-300);
--color-marketing-accent-teal:var(--global-color-teal-300);
--color-marketing-accent-yellow:var(--global-color-yellow-300);
--color-marketing-embedded-green-bg:var(--global-color-green-100);
--color-marketing-embedded-green-card-bg:var(--global-color-base-white);
--color-marketing-embedded-green-card-border:var(--global-color-green-700);
--color-marketing-embedded-green-element:var(--global-color-gray-300);
--color-marketing-embedded-green-secondary-element:var(
    --global-color-gray-200
  );
--color-marketing-embedded-green-border:var(--global-color-green-700);
--color-marketing-embedded-green-shadow:var(--global-color-green-700);
--color-marketing-embedded-green-media-background:#ffbb8a;
--color-marketing-embedded-green-media-circle:#fed7b9;
--color-marketing-embedded-green-media-line:#ffe4cf;
--color-marketing-embedded-yellow-bg:var(--global-color-yellow-100);
--color-marketing-embedded-yellow-card-bg:var(--global-color-base-white);
--color-marketing-embedded-yellow-card-border:var(--color-marketing-border);
--color-marketing-embedded-yellow-element:var(
    --color-marketing-secondary-element
  );
--color-marketing-embedded-yellow-secondary-element:var(
    --color-marketing-secondary-element
  );
--color-marketing-embedded-yellow-border:var(--color-marketing-border);
--color-marketing-embedded-yellow-shadow:var(--color-marketing-shadow)}
[data-popcorn-surface][data-popcorn-theme=dark]{
--color-marketing-text-primary:var(--global-color-base-white);
--color-marketing-text-secondary:var(--global-color-gray-800);
--color-marketing-text-button:var(--color-text-on-light);
--color-marketing-border:var(--global-color-gray-a-300);
--color-marketing-linkedin-bg:var(--global-color-channels-linkedin);
--color-marketing-linkedin-icon:#ffffff;
--color-marketing-threads-bg:var(--global-color-channels-threads);
--color-marketing-threads-icon:var(--color-text-inverted);
--color-marketing-bluesky-bg:var(--global-color-channels-bluesky);
--color-marketing-bluesky-icon:var(--color-text-on-dark);
--color-marketing-substack-bg:var(--global-color-channels-substack);
--color-marketing-substack-icon:var(--color-text-on-dark);
--color-marketing-whatsapp-bg:var(--global-color-channels-whatsapp);
--color-marketing-whatsapp-icon:var(--color-text-on-dark);
--color-marketing-brand-dark:#213130;
--color-marketing-element:#59543f;
--color-marketing-secondary-element:#59543f;
--color-marketing-shadow:var(--global-color-gray-600);
--color-marketing-accent-green:var(--global-color-green-700);
--color-marketing-accent-orange:var(--global-color-orange-700);
--color-marketing-accent-blue:var(--global-color-blue-700);
--color-marketing-accent-pink:var(--global-color-pink-600);
--color-marketing-accent-teal:var(--global-color-teal-600);
--color-marketing-accent-yellow:var(--global-color-yellow-600);
--color-marketing-embedded-green-bg:var(--global-color-green-50);
--color-marketing-embedded-green-card-bg:#37422f;
--color-marketing-embedded-green-card-border:var(--global-color-green-300);
--color-marketing-embedded-green-element:#4b593f;
--color-marketing-embedded-green-secondary-element:#4b593f;
--color-marketing-embedded-green-border:var(--global-color-green-400);
--color-marketing-embedded-green-shadow:var(--global-color-green-300);
--color-marketing-embedded-green-media-background:#a14e12;
--color-marketing-embedded-green-media-circle:#cf7738;
--color-marketing-embedded-green-media-line:#b35e21;
--color-marketing-embedded-yellow-bg:#2f2d23;
--color-marketing-embedded-yellow-card-bg:#4a452f;
--color-marketing-embedded-yellow-card-border:#59543f;
--color-marketing-embedded-yellow-element:#59543f;
--color-marketing-embedded-yellow-secondary-element:#59543f;
--color-marketing-embedded-yellow-border:#716c56;
--color-marketing-embedded-yellow-shadow:#59543f}
[data-popcorn-surface],[data-popcorn-surface][data-popcorn-theme=dark]{
--color-bg-overlay:hsla(180,3%,0%,0.8);
--color-bg-overlay-stronger:hsla(180,3%,0%,0.9)}
[data-popcorn-surface]{
--shadow-1:0px 1px 2px 0px rgb(0 0 0/6%),0px 1px 3px 0px rgb(0 0 0/10%);
--shadow-2:0px 1px 3px 0px rgb(0 0 0/6%),0px 4px 8px 0px rgb(0 0 0/10%);
--shadow-3:0 0 0 1px rgb(0 0 0/8%),0px 1px 1px rgb(0 0 0/2%),0px 4px 8px -4px rgb(0 0 0/4%),0px 16px 24px -8px rgb(0 0 0/6%);
--shadow-4:0px 1px 5px 0px rgb(61 61 61/5%),0px 8px 12px 0px rgb(61 61 61/6%);
--shadow-raised:0px 0px 1px 1px var(--global-color-gray-a-50),0px 4px 12px -2px var(--global-color-gray-a-100);
--shadow-floating:var(--shadow-menu);
--shadow-popover:var(--shadow-3);
--shadow-dialog:var(--shadow-3);
--shadow-hover-card:var(--shadow-3);
--shadow-menu:0 0 1px 1px var(--global-color-gray-a-50,rgb(33 49 48/8%)),0 4px 8px -4px var(--global-color-gray-a-100,rgb(33 49 48/10%)),0 16px 24px -8px var(--global-color-gray-a-100,rgb(33 49 48/10%));
--shadow-toast:var(--shadow-3)}
[data-popcorn-surface][data-popcorn-theme=dark]{
--shadow-1:0px 1px 2px 0px rgb(0 0 0/6%),0px 1px 3px 0px rgb(0 0 0/10%);
--shadow-2:0px 1px 3px 0px rgb(0 0 0/6%),0px 4px 8px 0px rgb(0 0 0/10%);
--shadow-3:0 0 0 1px var(--color-border-surface-floating),0 4px 8px -4px var(--global-color-base-black),0 16px 24px -8px var(--global-color-base-black);
--shadow-4:0px 1px 5px 0px rgb(0 0 0/5%),0px 8px 12px 0px rgb(0 0 0/6%);
--shadow-raised:0px 0px 1px 1px var(--global-color-gray-a-50),0px 4px 12px -2px var(--global-color-gray-a-100);
--shadow-menu:var(--shadow-3);
--shadow-floating:0 0 0 1px var(--color-border-surface-floating),0 4px 8px 0 rgba(24,24,24,0.3),0 2px 6px 0 rgba(24,24,24,0.3),0 1px 1px 0 rgba(24,24,24,0.3);
--shadow-dialog:var(--shadow-floating)}
[data-popcorn-surface]{
--global-size-1:2px;
--global-size-2:4px;
--global-size-3:8px;
--global-size-4:12px;
--global-size-5:16px;
--global-size-6:20px;
--global-size-7:24px;
--global-size-8:32px;
--global-size-9:40px;
--global-size-10:48px;
--global-size-11:56px;
--global-size-12:64px;
--global-size-13:72px;
--size-3xs:var(--global-size-1);
--size-2xs:var(--global-size-2);
--size-xs:var(--global-size-3);
--size-sm:var(--global-size-4);
--size-md:var(--global-size-5);
--size-lg:var(--global-size-7);
--size-xl:var(--global-size-8);
--size-2xl:var(--global-size-10);
--size-3xl:var(--global-size-12);
--size-4xl:var(--global-size-13);
--size-1_5:20%;
--size-1_4:25%;
--size-1_3:33.333333%;
--size-2_5:40%;
--size-1_2:50%;
--size-3_5:60%;
--size-2_3:66.666667%;
--size-3_4:75%;
--size-4_5:80%;
--size-full:100%;
--global-space-1:2px;
--global-space-2:4px;
--global-space-3:8px;
--global-space-4:12px;
--global-space-5:16px;
--global-space-6:20px;
--global-space-7:24px;
--global-space-8:32px;
--global-space-9:40px;
--global-space-10:48px;
--global-space-11:56px;
--global-space-12:64px;
--global-space-13:72px;
--space-3xs:var(--global-space-1);
--space-2xs:var(--global-space-2);
--space-xs:var(--global-space-3);
--space-sm:var(--global-space-4);
--space-md:var(--global-space-5);
--space-lg:clamp(1rem,0.8333rem + 0.7407vw,1.5rem);
--space-xl:clamp(1.25rem,1rem + 1.1111vw,2rem);
--space-2xl:clamp(1.5rem,1.1667rem + 1.4815vw,2.5rem);
--space-3xl:clamp(3rem,2.6667rem + 1.4815vw,4rem);
--space-4xl:clamp(3.5rem,3.1667rem + 1.4815vw,4.5rem);
--global-font-weight-1:400px;
--global-font-weight-2:500px;
--global-font-weight-3:550px;
--global-font-weight-4:650px;
--global-font-size-1:12px;
--global-font-size-2:14px;
--global-font-size-3:16px;
--global-font-size-4:18px;
--global-font-size-5:20px;
--global-font-size-6:24px;
--global-font-size-7:28px;
--global-font-size-8:32px;
--font-family-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
--font-family-heading:Stolzl,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
--font-size-body:0.875rem;
--font-size-body-sm:0.75rem;
--font-size-body-lg:1rem;
--font-size-heading-xs:0.875rem;
--font-size-heading-sm:1rem;
--font-size-heading-md:var(--global-font-size-4);
--font-size-heading-lg:var(--global-font-size-5);
--font-size-heading-xl:1.75rem;
--font-weight-regular:400;
--font-weight-medium:500;
--font-weight-semibold:550;
--font-weight-bold:650}
@media not (--media-breakpoint-md ){
[data-popcorn-surface]{
--font-size-body:1rem;
--font-size-body-sm:0.875rem;
--font-size-body-lg:1.125rem;
--font-size-heading-xs:1rem;
--font-size-heading-sm:1.125rem;
--font-size-heading-xl:1.5rem}
}
[data-popcorn-surface]{
background:var(--color-bg-neutral);
color:var(--color-text-neutral);
font-family:var(--font-family-body);
font-size:16px;
-webkit-font-smoothing:antialiased;
text-align:left}
[data-popcorn-surface] *,[data-popcorn-surface] :after,[data-popcorn-surface] :before{
box-sizing:border-box}
[data-popcorn-surface] h1,[data-popcorn-surface] h2,[data-popcorn-surface] h3,[data-popcorn-surface] h4,[data-popcorn-surface] h5,[data-popcorn-surface] h6,[data-popcorn-surface] p{
overflow-wrap:break-word;
margin:0}
[data-popcorn-surface] button,[data-popcorn-surface] input,[data-popcorn-surface] select,[data-popcorn-surface] textarea{
font:inherit}
[data-popcorn-surface][data-popcorn-viewport="390"]{
--space-lg:16.222px;
--space-xl:20.333px;
--space-2xl:24.445px;
--space-3xl:48.445px;
--space-4xl:56.445px}
[data-popcorn-surface][data-popcorn-viewport="640"]{
--space-lg:18.073px;
--space-xl:23.111px;
--space-2xl:28.149px;
--space-3xl:52.149px;
--space-4xl:60.149px}
[data-popcorn-surface][data-popcorn-viewport="800"]{
--space-lg:19.258px;
--space-xl:24.889px;
--space-2xl:30.519px;
--space-3xl:54.519px;
--space-4xl:62.519px}
[data-popcorn-surface][data-popcorn-viewport="1024"]{
--space-lg:20.918px;
--space-xl:27.378px;
--space-2xl:33.838px;
--space-3xl:57.838px;
--space-4xl:65.838px}
[data-popcorn-surface],[data-popcorn-surface][data-popcorn-viewport="1280"]{
--space-lg:22.814px;
--space-xl:30.222px;
--space-2xl:37.63px;
--space-3xl:61.63px;
--space-4xl:69.63px}

.pl-product-window-window{
overflow:hidden;
background-color:var(--color-neutral-100);
border:1px solid var(--color-neutral-200);
border-radius:.75rem;
box-shadow:0 1px 2px rgb(15 23 42/4%),0 12px 32px rgb(15 23 42/8%)}
.pl-product-window-window .pl-product-window-title-bar~[data-product-frame-slot]{
border-radius:0}
.pl-product-window-title-bar{
display:flex;
align-items:center;
justify-content:flex-end;
min-block-size:2rem;
-webkit-padding-before:.25rem;
padding-block-start:.25rem;
padding-inline:1rem}
.pl-product-window-cta{
--cta-ink-start:var(--color-green-700);
--cta-ink-end:var(--color-green-400);
display:inline-flex;
align-items:center;
gap:.75rem;
font-size:var(--font-size-step--1);
font-style:italic;
text-decoration:none;
&:hover{
--cta-ink-end:var(--color-green-700)}
&:focus-visible{
border-radius:.25rem;
outline:2px solid var(--color-text-link);
outline-offset:2px}
}
.pl-product-window-cta-label{
-webkit-background-clip:text;
background-clip:text;
color:transparent}
.pl-product-window-cta-icon,.pl-product-window-cta-label{
background-image:linear-gradient(90deg,var(--cta-ink-start),var(--cta-ink-end))}
.pl-product-window-cta-icon{
flex-shrink:0;
inline-size:1rem;
block-size:1rem;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center /contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center /contain no-repeat}
.pl-product-window-cta[data-shimmer] .pl-product-window-cta-label{
background-image:linear-gradient(100deg,transparent 40%,rgb(255 255 255/75%) 50%,transparent 60%),linear-gradient(90deg,var(--cta-ink-start),var(--cta-ink-end));
background-position:100% 0,0 0;
background-size:300% 100%,100% 100%}
@media (prefers-reduced-motion:no-preference){
.pl-product-window-cta[data-shimmer] .pl-product-window-cta-label{
animation:ProductWindow_cta-shimmer__5W_yM 3.6s ease-in-out infinite}
}
@keyframes ProductWindow_cta-shimmer__5W_yM{
0%{
background-position:100% 0,0 0}
45%,to{
background-position:0 0,0 0}
}
.pl-header-avatar-root{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:42px;
height:42px;
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-lg)}
.pl-product-shell-root{
display:grid;
grid-template:"sidebar main" 1fr/auto 1fr;
height:100%;
overflow:hidden;
background:var(--color-bg-surface-sunken)}
.pl-product-shell-main{
--page-inline-padding:var(--global-space-8);
grid-area:main;
display:flex;
flex-direction:column;
min-width:0;
overflow:hidden;
background:var(--color-bg-surface-neutral);
border:1px solid var(--color-bg-subtle);
border-radius:var(--border-radius-lg);
margin:var(--space-xs) var(--space-xs) var(--space-xs) 0;
padding-inline:var(--page-inline-padding)}
@container product-viewport (width < 768px){
.pl-product-shell-root{
grid-template:"sidebar" auto "main" 1fr/1fr}
.pl-product-shell-main{
--page-inline-padding:var(--space-md);
border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;
margin:0}
}
.pl-calendar-scene-page-header{
display:flex;
flex-direction:column;
gap:var(--space-xs);
padding:var(--space-lg) 0 var(--space-xs)}
.pl-calendar-scene-header-row{
container-name:page-header;
container-type:inline-size;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:var(--space-xs);
min-height:var(--size-2xl);
width:100%;
min-width:0}
.pl-calendar-scene-hide-on-narrow{
@container page-header (width < 640px){
display:none}
}
.pl-calendar-scene-hide-on-wide{
@container page-header (width >= 640px){
display:none}
}
.pl-calendar-scene-title-group{
display:grid;
grid-template-areas:"leading title adornments";
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
max-width:100%;
min-width:0}
.pl-calendar-scene-title-leading{
grid-area:leading;
display:inline-flex;
align-items:center;
flex-shrink:0;
margin-right:var(--space-xs)}
.pl-calendar-scene-title{
grid-area:title;
line-height:var(--line-height-heading);
min-width:0}
.pl-calendar-scene-header-actions{
display:flex;
align-items:center;
flex-shrink:0;
gap:var(--space-xs);
margin-left:auto}
.pl-calendar-scene-controls{
gap:var(--space-md);
min-width:0}
.pl-calendar-scene-controls,.pl-calendar-scene-nav-group{
display:flex;
align-items:center}
.pl-calendar-scene-nav-button{
margin-left:calc(var(--space-sm) * -1)}
.pl-calendar-scene-nav-group .pl-calendar-scene-date-heading{
font-size:var(--font-size-heading-sm);
font-weight:var(--font-weight-medium);
margin-left:var(--space-2xs);
text-wrap:nowrap}
.pl-calendar-scene-calendar-container{
flex:1 1;
min-height:0;
overflow:hidden;
width:100%}
.pl-calendar-scene-calendar{
--scrollbar-width:0.5rem;
--scrollbar-thumb-color:rgb(89 98 106/20%);
--scrollbar-thumb-hover-color:rgb(89 98 106/40%);
height:100%;
isolation:isolate;
overflow:auto;
scrollbar-color:var(--scrollbar-thumb-color) transparent;
scrollbar-width:thin}
.pl-calendar-scene-calendar::-webkit-scrollbar{
height:var(--scrollbar-width);
width:var(--scrollbar-width)}
.pl-calendar-scene-calendar::-webkit-scrollbar-track{
background:transparent}
.pl-calendar-scene-calendar::-webkit-scrollbar-thumb{
background:var(--scrollbar-thumb-color);
border-radius:10px}
.pl-calendar-scene-calendar::-webkit-scrollbar-thumb:hover{
background:var(--scrollbar-thumb-hover-color)}
.pl-calendar-scene-table{
border-collapse:separate;
border-spacing:0;
height:auto;
position:relative;
table-layout:fixed;
width:100%}
.pl-calendar-scene-header-row-sticky{
height:32px;
z-index:1}
.pl-calendar-scene-day-heading,.pl-calendar-scene-header-row-sticky{
background-color:var(--color-bg-neutral);
position:-webkit-sticky;
position:sticky;
top:0}
.pl-calendar-scene-day-heading{
--border-color:var(--color-border-subtle);
border-top:1px solid var(--border-color);
border-right:1px solid var(--border-color);
border-bottom:1px solid var(--border-color);
color:var(--color-text-subtle);
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
padding:10px;
text-align:center;
word-spacing:var(--space-xs)}
.pl-calendar-scene-day-heading:first-child{
border-left:1px solid var(--border-color);
border-top-left-radius:var(--border-radius-lg)}
.pl-calendar-scene-day-heading:last-child{
border-top-right-radius:var(--border-radius-lg)}
.pl-calendar-scene-day-label-container{
container:day-label/inline-size;
display:block}
.pl-calendar-scene-day-label{
align-items:center;
display:flex;
flex-direction:column;
gap:var(--space-3xs);
justify-content:center}
.pl-calendar-scene-day-name{
max-width:100%;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
@container day-label (width >= 8em){
.pl-calendar-scene-day-label{
flex-direction:row;
gap:var(--space-sm)}
}
.pl-calendar-scene-day-heading[data-today]{
border-bottom-color:var(--color-text-brand);
color:var(--color-text-brand)}
[data-popcorn-theme=dark] .pl-calendar-scene-day-heading[data-today]{
border-bottom-color:var(--global-color-green-700);
color:var(--global-color-green-700)}
.pl-calendar-scene-hour{
background-color:var(--color-bg-surface-neutral);
border-right:1px solid var(--color-border-subtle);
border-top:1px solid transparent;
height:106px;
padding:var(--space-xs) var(--space-sm);
position:relative;
vertical-align:top}
.pl-calendar-scene-hour:after{
background-color:var(--color-border-subtle);
content:"";
height:1px;
left:0;
position:absolute;
right:0;
top:-1px}
.pl-calendar-scene-hour[data-labelled]:after{
display:none}
.pl-calendar-scene-hour:first-child{
border-left:1px solid var(--color-border-subtle)}
.pl-calendar-scene-hour>:not(:last-child){
margin-bottom:var(--space-xs)}
.pl-calendar-scene-hour[data-past]{
background-color:var(--global-color-gray-a-25)}
.pl-calendar-scene-hour-label-container{
align-items:center;
display:flex;
height:1px;
justify-content:flex-start;
left:0;
position:absolute;
right:0;
top:-1px;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none}
.pl-calendar-scene-hour-label{
color:var(--color-text-subtle);
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-medium);
padding:0 var(--space-xs)}
.pl-calendar-scene-hour-label-separator{
background-color:var(--color-border-subtle);
flex:1 1;
height:1px}
.pl-calendar-scene-hour[data-first-row] .pl-calendar-scene-hour-label-container{
align-items:flex-start}
.pl-calendar-scene-hour[data-first-row] .pl-calendar-scene-hour-label{
padding-top:var(--space-2xs)}
.CalendarScene_day__pWXc4{
background-color:var(--color-bg-surface-neutral);
border-bottom:1px solid var(--color-border-subtle);
border-right:1px solid var(--color-border-subtle);
height:205px;
padding:var(--space-xs);
position:relative;
text-align:right;
vertical-align:top}
.CalendarScene_day__pWXc4:first-child{
border-left:1px solid var(--color-border-subtle)}
.CalendarScene_day__pWXc4[data-past]{
background-color:var(--global-color-gray-a-25)}
.CalendarScene_dayNumber__ztdow{
align-items:center;
border-radius:var(--border-radius-full);
color:var(--color-text-subtle);
display:flex;
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
height:var(--size-lg);
justify-content:center;
left:var(--space-sm);
opacity:.5;
position:absolute;
top:var(--space-sm);
width:var(--size-lg)}
.CalendarScene_day__pWXc4[data-current-month] .CalendarScene_dayNumber__ztdow{
color:var(--color-text-neutral);
opacity:1}
.CalendarScene_day__pWXc4[data-today] .CalendarScene_dayNumber__ztdow{
background:var(--color-bg-brand);
color:var(--color-text-on-light)}
.CalendarScene_day__pWXc4[data-past] .CalendarScene_dayNumber__ztdow{
color:var(--color-text-subtle)}
.CalendarScene_dayContent__oFJp5{
min-height:calc(100% - 22px);
text-align:left}
.CalendarScene_itemsWrapper__Ofpsc{
margin-top:var(--space-xl);
&>:not(:last-child){
margin-bottom:var(--space-xs)}
}
.CalendarScene_showMore__WobPg{
margin-top:var(--space-xs)}
.pl-calendar-scene-add-button-slot{
display:flex;
justify-content:flex-end}
.pl-calendar-scene-add-button{
background-color:var(--color-bg-neutral);
border:1px solid var(--color-border-subtle);
opacity:0;
transition:opacity .1s ease-in-out}
[data-interactive] .CalendarScene_day__pWXc4:hover .pl-calendar-scene-add-button,[data-interactive] .pl-calendar-scene-hour:hover .pl-calendar-scene-add-button{
opacity:1}
.CalendarScene_day__pWXc4 .pl-calendar-scene-add-button-slot{
float:right}
.pl-calendar-scene-post-trigger{
border-radius:var(--border-radius-md);
cursor:pointer;
display:block;
text-align:left;
width:100%}
.pl-calendar-scene-miniature{
--post-miniature-text-line-clamp:2;
--post-miniature-border-color:var(--global-color-gray-a-100);
--post-miniature-background-color:var(--color-bg-surface-raised);
background-color:var(--post-miniature-background-color);
border:1px solid var(--post-miniature-border-color);
border-radius:var(--border-radius-md);
display:grid;
grid-gap:var(--space-2xs) var(--space-xs);
gap:var(--space-2xs) var(--space-xs);
grid-template-areas:"header header" "body body";
min-width:0;
padding:var(--space-xs);
text-align:left}
.pl-calendar-scene-miniature:has(.pl-calendar-scene-miniature-asset){
grid-template-areas:"header header" "body assets";
grid-template-columns:minmax(0,1fr) 35px}
.pl-calendar-scene-miniature:has(.pl-calendar-scene-status-badge){
grid-template-areas:"status status" "header header" "body body"}
.pl-calendar-scene-miniature:has(.pl-calendar-scene-status-badge):has(.pl-calendar-scene-miniature-asset){
grid-template-areas:"status status" "header header" "body assets"}
.pl-calendar-scene-miniature:has(.pl-calendar-scene-tags){
--post-miniature-text-line-clamp:1}
.pl-calendar-scene-miniature[data-condensed]{
gap:var(--space-2xs);
grid-template-areas:"header assets";
grid-template-columns:minmax(0,1fr) 23px;
padding:var(--space-2xs)}
.pl-calendar-scene-miniature[data-condensed]:has(.pl-calendar-scene-tags){
grid-template-areas:"header assets" "body assets"}
.pl-calendar-scene-miniature[data-condensed]:has(.pl-calendar-scene-status-badge){
grid-template-areas:"status assets" "header assets"}
.pl-calendar-scene-miniature[data-condensed]:has(.pl-calendar-scene-status-badge):has(.pl-calendar-scene-tags){
grid-template-areas:"status assets" "header assets" "body assets"}
.pl-calendar-scene-miniature[data-condensed] .pl-calendar-scene-miniature-asset{
height:23px;
width:23px}
.pl-calendar-scene-miniature[data-condensed] .pl-calendar-scene-media-marker{
display:none}
.pl-calendar-scene-miniature[data-status=needs_approval]{
border-style:dashed}
.pl-calendar-scene-miniature[data-status=draft]{
--post-miniature-background-color:transparent;
border-style:dashed}
.pl-calendar-scene-miniature[data-status=sent]{
--post-miniature-background-color:transparent;
opacity:.8}
[data-interactive] .pl-calendar-scene-miniature:hover{
--post-miniature-background-color:var(--color-bg-surface-floating);
--post-miniature-border-color:var(--color-border-surface-floating);
box-shadow:var(--shadow-2);
opacity:1}
.pl-calendar-scene-status-badge{
grid-area:status}
.pl-calendar-scene-miniature-header{
grid-area:header;
justify-content:space-between}
.pl-calendar-scene-miniature-header-content,.pl-calendar-scene-miniature-header{
align-items:center;
display:flex;
gap:var(--space-2xs);
min-width:0}
.pl-calendar-scene-miniature-body{
display:flex;
flex-direction:column;
grid-area:body;
gap:var(--space-2xs);
justify-content:space-between;
min-width:0}
.pl-calendar-scene-miniature-text{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:var(--post-miniature-text-line-clamp);
line-clamp:var(--post-miniature-text-line-clamp);
line-height:125%;
max-width:100%;
min-width:0;
overflow:hidden;
text-overflow:ellipsis}
.pl-calendar-scene-miniature-asset{
position:relative;
display:block;
align-self:center;
overflow:hidden;
border-radius:var(--border-radius-sm);
grid-area:assets;
height:35px;
width:35px}
.pl-calendar-scene-miniature-thumb{
display:block;
width:100%;
height:100%;
object-fit:cover}
.pl-calendar-scene-media-marker{
position:absolute;
bottom:4px;
left:4px;
display:flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:var(--border-radius-full);
background-color:color-mix(in srgb,var(--color-bg-on-light) 50%,transparent);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
color:var(--color-text-on-dark);
[data-icon]{
--icon-color:var(--color-text-on-dark)}
}
.pl-calendar-scene-due-at{
flex-shrink:1;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.pl-calendar-scene-post-type{
color:var(--color-text-subtle);
flex-shrink:0}
.CalendarScene_notifyIcon__VNtzD{
color:var(--global-color-orange-500)}
.CalendarScene_recurringIcon__EcPjz{
color:var(--color-text-subtle)}
.pl-calendar-scene-tags{
display:flex;
align-items:flex-end;
gap:var(--space-2xs);
flex-shrink:0}
.pl-calendar-scene-tag{
border-radius:var(--border-radius-sm);
height:6px;
width:var(--size-lg)}
.pl-calendar-scene-channel-icon{
--channel-color:initial;
align-items:center;
background-color:var(--channel-color);
border:var(--channel-avatar-border-width) solid var(--color-text-inverted);
border-radius:var(--border-radius-sm);
display:flex;
flex-shrink:0;
justify-content:center;
padding:var(--space-2xs)}
.pl-calendar-scene-channel-icon[data-channel=instagram]{
--channel-color:var(--global-color-channels-instagram)}
.pl-calendar-scene-channel-icon[data-channel=linkedin]{
--channel-color:var(--global-color-channels-linkedin)}
.pl-calendar-scene-channel-icon[data-channel=tiktok]{
--channel-color:var(--global-color-channels-tiktok)}
.pl-calendar-scene-channel-icon[data-channel=x]{
--channel-color:var(--global-color-channels-x)}
.pl-calendar-scene-channel-icon[data-channel=facebook]{
--channel-color:var(--global-color-channels-facebook)}
.pl-calendar-scene-channel-icon[data-channel=threads]{
--channel-color:var(--global-color-channels-threads)}
.pl-calendar-scene-channel-icon[data-channel=substack]{
--channel-color:var(--global-color-channels-substack)}
.pl-calendar-scene-miniature[data-added]{
animation:CalendarScene_post-added__7p4v4 var(--motion-duration-overlay-enter,.2s) var(--motion-easing-overlay-enter,cubic-bezier(.16,1,.3,1)) backwards,CalendarScene_post-added-ring__5uHnQ var(--motion-duration-coach-mark-attention,1.2s) ease-out}
@keyframes CalendarScene_post-added__7p4v4{
0%{
opacity:0;
scale:.9}
}
@keyframes CalendarScene_post-added-ring__5uHnQ{
0%{
box-shadow:0 0 0 0 var(--color-border-brand)}
to{
box-shadow:0 0 0 8px transparent}
}
@media (prefers-reduced-motion:reduce){
.pl-calendar-scene-miniature[data-added]{
animation:none}
}
.pl-calendar-scene-filter-chevron{
margin-left:-1px}
.CalendarScene_channelFilterContent__671gF{
--combobox-content-width:380px;
--combobox-list-max-height:500px}
.CalendarScene_selectAll__b252u{
align-items:center;
display:flex;
justify-content:space-between;
padding:var(--space-xs)}
[data-interactive] .CalendarScene_selectAllButton__OO1ai:hover{
text-decoration:underline}
.CalendarScene_channelItem__sH9Pa{
align-items:center;
display:flex;
gap:var(--space-sm)}
.CalendarScene_channelDetails__nYLj4{
align-items:center;
display:grid;
flex:1 1;
grid-gap:0 var(--space-sm);
gap:0 var(--space-sm);
grid-template-areas:"avatar name";
grid-template-columns:auto 1fr;
min-width:0}
.CalendarScene_channelDetails__nYLj4[data-subtitled]{
grid-template-areas:"avatar name" "avatar subtitle";
grid-template-rows:auto auto}
.CalendarScene_channelItemAvatar__xALAm{
grid-area:avatar}
.CalendarScene_channelItemName__CMTZp{
grid-area:name;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.CalendarScene_channelItemSubtitle__ywSws{
grid-area:subtitle;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.CalendarScene_channelItemCheckbox__Av1ZM{
flex-shrink:0;
margin-left:auto}
.CalendarScene_tagList__7XISt{
padding-bottom:0}
.CalendarScene_tagFooter__XIDXA{
margin-top:0}
.CalendarScene_untaggedItem__H1CRm{
font-weight:var(--font-weight-regular)}
.CalendarScene_showMoreChip__nbqQJ{
align-items:center;
background-color:transparent;
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-sm);
color:var(--color-text-subtle);
display:flex;
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-medium);
justify-content:center;
margin-top:var(--space-xs);
min-height:24px;
min-width:24px;
padding:2px 4px}
[data-interactive] .CalendarScene_showMoreChip__nbqQJ:hover{
background-color:var(--color-bg-surface-floating);
color:var(--color-text-neutral)}
.CalendarScene_compactCard__aj_1t{
--post-miniature-border-color:var(--color-border-subtle);
--post-miniature-background-color:var(--color-bg-surface-raised);
align-items:center;
background-color:var(--post-miniature-background-color);
border:1px solid var(--post-miniature-border-color);
border-radius:var(--border-radius-sm);
display:inline-flex;
justify-content:center;
padding:4px;
&[data-status=draft],&[data-status=needs_approval]{
--post-miniature-border-color:var(--color-border-surface-floating);
border-style:dashed}
&[data-status=sent]{
--post-miniature-background-color:transparent;
opacity:.7}
}
.pl-calendar-scene-post-trigger[data-density=compact]{
display:inline-flex;
width:auto}
.CalendarScene_previewPopover__ogy35[data-side]{
--popover-padding:0}
.CalendarScene_previewDialog__n4WKM{
--post-card-width:100%;
max-height:90%;
max-width:calc(100% - var(--space-lg));
overflow-y:auto;
padding:0;
width:100%}
.CalendarScene_previewCard__OqXMo{
--post-card-border-color:var(--color-border-subtle);
--post-card-outer-padding:var(--space-md);
--post-card-width:450px;
max-width:100%;
width:var(--post-card-width)}
.CalendarScene_previewHeader___7N8p{
align-items:center;
border-bottom:1px solid var(--post-card-border-color);
display:flex;
justify-content:space-between;
padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md)}
.CalendarScene_previewHeaderMeta__jZ64R{
align-items:center;
display:flex;
gap:var(--space-sm);
min-width:0}
.CalendarScene_previewLabel__yK2_1{
align-items:center;
display:inline-flex;
gap:var(--space-2xs)}
.CalendarScene_previewBody__YrcwQ{
display:flex;
flex-direction:column;
gap:var(--space-md);
overflow-wrap:break-word;
padding:var(--post-card-outer-padding)}
.CalendarScene_previewBodyWrapper__gd8i6{
display:flex;
flex-wrap:wrap;
gap:var(--space-md)}
.CalendarScene_previewContent__lzQ_i{
display:flex;
flex:1 1;
flex-direction:column;
gap:var(--space-md);
min-width:0}
.CalendarScene_previewChannelRow__EXPrq{
align-items:center;
display:flex;
gap:var(--space-sm);
justify-content:space-between}
.CalendarScene_previewChannelInfo___RUOS{
align-items:center;
display:flex;
gap:var(--space-sm);
min-width:0}
.CalendarScene_previewChannelText__hivbS{
display:flex;
flex-direction:column;
min-width:0}
.CalendarScene_previewText__qqvd_{
white-space:pre-wrap}
.CalendarScene_previewMedia__lwsXG{
--max-media-size:145px;
border-radius:var(--border-radius-sm);
flex-shrink:0;
height:var(--max-media-size);
overflow:hidden;
width:var(--max-media-size)}
.CalendarScene_previewMedia__lwsXG img{
display:block;
height:100%;
object-fit:cover;
width:100%}
.CalendarScene_previewTags__PezCF{
align-items:center;
display:flex;
flex-wrap:wrap;
gap:var(--space-xs)}
.CalendarScene_previewFooter__jNu3l{
align-items:center;
border-top:1px solid var(--post-card-border-color);
display:flex;
height:var(--global-space-11);
justify-content:flex-end;
padding:0 var(--post-card-outer-padding)}
.CalendarScene_previewActions__GZZ6a{
display:flex;
gap:var(--space-2xs);
justify-content:end;
margin-left:auto}
@container product-viewport (width < 768px){
.pl-calendar-scene-day-heading{
font-size:var(--font-size-body-sm);
padding:var(--space-xs)}
.pl-calendar-scene-hour{
height:80px;
padding:var(--space-2xs) var(--space-xs)}
.CalendarScene_day__pWXc4{
height:auto;
min-height:80px;
padding:var(--space-2xs) var(--space-xs)}
.CalendarScene_dayNumber__ztdow{
color:var(--color-text-disabled);
font-size:var(--font-size-body-sm);
justify-content:flex-start;
position:static}
.CalendarScene_dayContent__oFJp5{
min-height:0}
.CalendarScene_itemsWrapper__Ofpsc{
display:flex;
flex-wrap:wrap;
gap:var(--space-2xs);
justify-content:center;
margin-top:0;
&>:not(:last-child){
margin-bottom:0}
}
.CalendarScene_showMore__WobPg{
display:flex;
justify-content:center;
margin-top:0}
.pl-calendar-scene-miniature{
column-gap:var(--space-2xs);
padding:var(--space-2xs)}
.pl-calendar-scene-miniature:has(.pl-calendar-scene-miniature-asset){
grid-template-columns:minmax(0,1fr) 28px}
.pl-calendar-scene-miniature-asset{
height:28px;
width:28px}
.pl-calendar-scene-miniature[data-condensed] .pl-calendar-scene-miniature-asset,.pl-calendar-scene-post-type{
display:none}
.pl-calendar-scene-miniature[data-condensed],.pl-calendar-scene-miniature[data-condensed]:has(.pl-calendar-scene-miniature-asset){
grid-template-columns:minmax(0,1fr)}
.pl-calendar-scene-miniature[data-condensed]{
grid-template-areas:"header"}
.pl-calendar-scene-miniature[data-condensed]:has(.pl-calendar-scene-tags){
grid-template-areas:"header" "body"}
.pl-calendar-scene-miniature[data-condensed]:has(.pl-calendar-scene-status-badge){
grid-template-areas:"status" "header"}
.pl-calendar-scene-miniature[data-condensed]:has(.pl-calendar-scene-status-badge):has(.pl-calendar-scene-tags){
grid-template-areas:"status" "header" "body"}
.CalendarScene_previewMedia__lwsXG{
--max-media-size:100px}
}
.MobileDateLabel_header__novvt{
display:flex;
justify-content:center;
-webkit-margin-after:var(--space-md);
margin-block-end:var(--space-md)}
.MobileDateLabel_drawerContent__m8oMh{
background-color:var(--color-bg-surface-sunken);
padding:var(--space-lg) var(--space-md)}
.MobileDateLabel_body__L86Mb{
align-items:center;
display:flex;
flex-direction:column;
gap:var(--space-md);
margin-bottom:var(--space-md);
padding:0}
.MobileDateLabel_calendarContainer__MJGEk{
background-color:var(--color-bg-neutral);
border-radius:var(--border-radius-lg);
display:flex;
flex-direction:column;
padding:var(--space-md) var(--space-xs);
width:100%}
.MobileDateLabel_toggleGroup__goGER{
width:100%;
>[role=radio]{
flex-grow:1}
}
.MobileDateLabel_monthPicker__lLxVR{
--calendar-button-size:var(--size-xl);
color:var(--color-text-neutral);
font-size:var(--font-size-body)}
.MobileDateLabel_monthCaption__DZwps{
align-items:center;
display:flex;
height:var(--control-size-md);
justify-content:space-between;
margin-left:var(--space-md)}
.MobileDateLabel_monthLabel___FHhm{
font-weight:var(--font-weight-medium)}
.MobileDateLabel_monthNav__XWUM9{
align-items:center;
display:flex}
.MobileDateLabel_monthGrid__skjal{
margin:0 auto;
padding:var(--space-xs) 0;
table-layout:fixed;
width:100%}
.MobileDateLabel_weekday__iFjbk{
color:var(--color-text-subtle);
font-weight:var(--font-weight-regular);
height:var(--size-xl);
text-align:center;
vertical-align:middle}
.MobileDateLabel_day__1TtGR{
font-weight:var(--font-weight-medium);
height:var(--calendar-button-size);
padding:0;
text-align:center;
vertical-align:middle}
.MobileDateLabel_day__1TtGR[data-outside]{
color:var(--color-text-subtle);
font-weight:var(--font-weight-regular)}
.MobileDateLabel_day__1TtGR[data-today]:not([data-outside]){
color:var(--color-bg-brand-xstrong)}
.MobileDateLabel_dayButton__ab7vn{
border-radius:var(--border-radius-sm);
color:inherit;
cursor:pointer;
height:var(--calendar-button-size);
width:var(--calendar-button-size)}
.MobileDateLabel_day__1TtGR:not([data-selected]) .MobileDateLabel_dayButton__ab7vn:hover{
background-color:var(--color-bg-subtle)}
.MobileDateLabel_day__1TtGR[data-selected] .MobileDateLabel_dayButton__ab7vn{
background-color:var(--color-bg-brand);
color:var(--color-text-on-light)}
.pl-combobox-combobox-trigger [data-icon=chevron-down]{
position:relative;
top:1px}
.Combobox_trigger__yYLlW{
--combobox-trigger-bg:var(--color-bg-neutral);
--combobox-trigger-color:var(--color-text-neutral);
--combobox-trigger-border-color:var(--color-border-neutral);
--combobox-trigger-vertical-padding:var(--space-2xs);
--combobox-trigger-horizontal-padding:var(--space-md);
&:hover{
--input-border-color:var(--color-border-neutral)}
&:has(.Combobox_input__I2MDa:focus-visible){
--input-border-color:var(--color-border-brand);
outline:2px solid var(--focus-color);
outline-offset:1px}
&:where([data-placeholder]):not([data-disabled]){
color:var(--color-text-subtle);
&.Combobox_critical-subtle__nZh8m,&.Combobox_critical__Dgh7O,&.Combobox_primary__V1eNq{
color:color-mix(in srgb,var(--button-text-color),transparent 20%)}
}
}
.Combobox_content__EDaI7{
--combobox-min-content-width:256px;
--combobox-inset-padding:var(--space-sm);
--combobox-bg:var(--color-bg-surface-floating);
--combobox-border-radius:var(--border-radius-lg);
--combobox-list-max-height:195px;
background-color:var(--combobox-bg);
border-radius:var(--combobox-border-radius);
box-shadow:var(--shadow-menu);
box-sizing:border-box;
display:flex;
flex-direction:column;
max-width:var(--combobox-content-width,-moz-fit-content);
max-width:var(--combobox-content-width,fit-content);
min-width:var(--combobox-min-content-width);
padding:var(--combobox-inset-padding);
width:var(--combobox-content-width,-moz-fit-content);
width:var(--combobox-content-width,fit-content)}
.Combobox_listWrapper__5qLbu{
margin-right:calc(-1 * var(--combobox-inset-padding))}
.Combobox_list__MLbAB{
max-height:var(--combobox-list-max-height);
padding-right:var(--combobox-inset-padding);
[cmdk-group-items],[cmdk-list-sizer]{
display:flex;
flex-direction:column;
gap:var(--space-2xs)}
[cmdk-group-heading]{
align-items:center;
color:var(--color-text-subtle);
cursor:default;
display:flex;
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-heading);
margin-bottom:var(--space-2xs);
padding:var(--space-3xs) 0;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none}
}
.Combobox_search__xXab_{
border-radius:var(--border-radius-md);
margin-bottom:var(--combobox-inset-padding);
&:has(input:not([disabled])){
--input-border-color:var(--color-border-brand);
outline:2px solid var(--focus-color);
outline-offset:1px}
}
.Combobox_item__MMbOJ{
--combobox-item-height:auto;
--combobox-item-padding:var(--space-xs);
align-items:center;
border-radius:var(--border-radius-md);
box-sizing:border-box;
color:var(--color-text-neutral);
cursor:default;
display:flex;
font-size:var(--font-size-body);
font-weight:var(--font-weight-regular);
gap:var(--space-xs);
line-height:var(--size-md);
min-height:var(--combobox-item-height);
outline:none;
padding:var(--combobox-item-padding);
position:relative;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
vertical-align:middle;
*{
line-height:inherit}
&:where([data-disabled=true]){
color:var(--color-text-disabled);
cursor:not-allowed}
&:where([data-selected=true]){
background-color:var(--color-bg-a-subtle)}
&:hover:not([data-disabled=true]){
background-color:var(--color-bg-a-subtle)}
&:focus{
outline:none}
[data-icon]{
flex-shrink:0}
}
.Combobox_indicator__KQPxP{
flex-shrink:0;
height:var(--size-md);
width:var(--size-md)}
.Combobox_item__MMbOJ:where(:not(:has(>:not(.Combobox_indicator__KQPxP,[data-icon])))){
align-items:flex-start;
>[data-icon]{
margin-block:calc((var(--size-md) - 16px) / 2)}
}
.Combobox_separator___G9Ts{
background-color:var(--color-border-subtle);
height:1px;
margin:var(--space-sm) 0}
.Combobox_empty__DO5Tz{
border-radius:var(--border-radius-sm);
color:var(--color-text-subtle);
font-size:var(--font-size-body);
font-weight:var(--font-weight-regular);
height:unset;
padding:var(--space-xs) 0}
.Combobox_empty__DO5Tz,.Combobox_footer__lqI13{
align-items:center;
display:flex;
gap:var(--space-xs)}
.Combobox_footer__lqI13{
border-top:1px solid var(--color-border-subtle);
justify-content:space-between;
margin-top:var(--combobox-inset-padding);
padding-top:var(--combobox-inset-padding)}
.Popover_content__2KP3y{
--popover-bg-color:var(--color-bg-surface-floating);
--popover-padding:var(--space-md);
outline:0;
padding:var(--popover-padding);
background-color:var(--popover-bg-color);
box-shadow:var(--shadow-floating);
border-radius:var(--border-radius-md);
will-change:transform,opacity;
transform-origin:var(--radix-popover-content-transform-origin);
@media (prefers-reduced-motion:no-preference){
&:where([data-state=open]){
animation-duration:var(--motion-duration-overlay-enter);
animation-timing-function:var(--motion-easing-overlay-enter);
&:where([data-side=top]){
animation-name:Popover_slideFromTop__MSsr0,Popover_fadeIn__Z4VtW}
&:where([data-side=bottom]){
animation-name:Popover_slideFromBottom__ocokI,Popover_fadeIn__Z4VtW}
&:where([data-side=left]){
animation-name:Popover_slideFromLeft__i0GX3,Popover_fadeIn__Z4VtW}
&:where([data-side=right]){
animation-name:Popover_slideFromRight__Zu_Uj,Popover_fadeIn__Z4VtW}
}
&:where([data-state=closed]){
animation-duration:var(--motion-duration-overlay-exit);
animation-timing-function:var(--motion-easing-overlay-exit);
&:where([data-side=top]){
animation-name:Popover_slideToTop__JjDqt,Popover_fadeOut__bKjlK}
&:where([data-side=bottom]){
animation-name:Popover_slideToBottom__hdd9u,Popover_fadeOut__bKjlK}
&:where([data-side=left]){
animation-name:Popover_slideToLeft__oxAJA,Popover_fadeOut__bKjlK}
&:where([data-side=right]){
animation-name:Popover_slideToRight__e23k6,Popover_fadeOut__bKjlK}
}
}
}
.Popover_small__TaUve{
width:200px}
.Popover_medium__RsRDO{
width:320px}
.Popover_large__1SPj6{
width:440px}
[data-arrow]{
--arrow-bg-color:var(--popover-bg-color);
--arrow-box-shadow:var(--shadow-popover)}
.Popover_arrow__8Y3m2{
&:after{
box-shadow:var(--shadow-popover)}
}
[data-arrow]{
--arrow-size:16px;
--arrow-border:none;
--arrow-bg-color:var(--color-bg-surface-floating);
--arrow-box-shadow:none;
--arrow-border-radius:1px}
.OverlayArrow_arrow__G3T8E{
position:relative;
overflow:hidden;
width:var(--arrow-size);
height:calc(var(--arrow-size) / 2);
visibility:visible;
&:before{
width:100%;
height:2px;
top:-1px}
&:after,&:before{
content:"";
background:var(--arrow-bg-color);
position:absolute;
left:0}
&:after{
--square-size:calc(var(--arrow-size) / sqrt(2));
--border-offset:2px;
box-shadow:var(--arrow-box-shadow);
border:var(--arrow-border);
width:var(--square-size);
height:var(--square-size);
border-radius:var(--arrow-border-radius);
top:calc((var(--arrow-size) / 2) - var(--border-offset));
right:0;
bottom:0;
margin:auto;
transform:rotate(45deg) translate(-50%,-50%)}
}
.Input_base__A6619{
--input-padding:var(--space-xs);
--input-icon-size:16px;
--input-border-color:var(--color-border-neutral);
display:flex;
flex-direction:row;
align-items:center;
gap:var(--input-padding);
border:1px solid var(--input-border-color);
border-radius:var(--border-radius-sm);
background-color:var(--color-bg-xsubtle);
transition:border-color var(--motion-duration-control-feedback) var(--motion-easing-control-feedback);
color:var(--color-text-neutral);
font-size:var(--font-size-body);
font-family:var(--font-family-body);
line-height:var(--line-height-body);
font-weight:var(--font-weight-regular);
min-height:var(--control-size-md);
padding:0 var(--input-padding);
max-width:100%;
&:hover{
--input-border-color:var(--color-border-neutral)}
&:has(.Input_input__Hjt3J:focus-visible){
outline:2px solid var(--focus-color);
outline-offset:1px}
&:has(.Input_input__Hjt3J:disabled){
--input-border-color:var(--color-bg-subtle);
cursor:not-allowed;
background-color:var(--color-bg-subtle);
color:var(--color-text-disabled);
transition:none}
&:has(.Input_input__Hjt3J[aria-invalid=true]){
--focus-color:var(--color-border-critical);
--input-border-color:var(--color-border-critical)}
@media (prefers-reduced-motion:reduce){
transition:none}
}
.Input_input__Hjt3J{
all:unset;
flex:1 1;
height:100%;
color:inherit;
font:inherit;
outline:none;
width:100%;
min-width:0;
display:inline-flex;
&::placeholder{
color:var(--input-placeholder-color,var(--color-text-disabled))}
&:focus-visible{
outline:none}
}
.Input_small__ez5Ak{
--input-icon-size:14px;
--input-padding:var(--space-2xs);
min-height:var(--control-size-sm);
font-size:var(--font-size-body-sm)}
.Input_large__j_bXl{
--input-icon-size:18px;
min-height:var(--control-size-lg)}
.Input_prefix__S_tED,.Input_suffix__tZzpg{
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
height:100%;
color:var(--input-affix-color,var(--color-text-subtle));
>[data-icon]{
--icon-size:var(--input-icon-size)}
}
.Checkbox_container__xY2I8{
--checkbox-hover-border-color:var(--color-border-brand);
--checkbox-focus-outline:3px solid var(--focus-color);
align-items:center;
display:flex;
gap:var(--space-xs);
justify-content:flex-start}
.Checkbox_withLabel__CstQc{
align-items:flex-start;
font-size:var(--font-size-body);
line-height:var(--line-height-body)}
.Checkbox_checkbox__QZADm{
--checkbox-size:16px;
all:unset;
align-items:center;
background-color:var(--color-bg-surface-floating);
border:1px solid var(--color-border-neutral);
border-radius:var(--global-border-radius-1);
box-sizing:border-box;
cursor:pointer;
display:inline-flex;
flex-shrink:0;
height:var(--checkbox-size);
justify-content:center;
position:relative;
transition-duration:var(--motion-duration-control-feedback);
transition-property:background-color,border-color,color;
transition-timing-function:var(--motion-easing-control-feedback);
width:var(--checkbox-size);
&:hover{
background-color:var(--color-bg-subtle);
border-color:var(--color-border-neutral)}
&[data-state=checked],&[data-state=indeterminate]{
background-color:var(--color-bg-brand-xstrong);
border:1px solid var(--color-bg-brand-xstrong);
color:var(--color-text-on-dark);
&:hover{
background-color:var(--global-color-green-700);
border-color:var(--global-color-green-700)}
:where(.dark) &{
color:var(--color-text-inverted)}
}
&:focus:not(:focus-visible){
outline:none}
&:focus-visible{
border-color:var(--checkbox-hover-border-color);
outline:var(--checkbox-focus-outline);
outline-offset:1px;
outline-width:2px}
&:disabled{
border:1px solid color-mix(in srgb,var(--color-border-neutral),transparent 40%);
color:var(--color-text-disabled);
cursor:not-allowed;
transition:none}
>svg[data-icon]{
color:currentColor}
@media (prefers-reduced-motion:reduce){
transition:none}
}
.Checkbox_group__x3F6u{
all:unset;
display:flex;
flex-direction:column}
.Checkbox_legend__G4gCp{
margin-bottom:var(--space-2xs)}
.ScrollButton_scrollButtonDown__q2nWu,.ScrollButton_scrollButtonLeft__icrcc,.ScrollButton_scrollButtonRight__6DBNq,.ScrollButton_scrollButtonUp__1exEA{
position:absolute;
background-color:var(--color-bg-neutral)}
.ScrollButton_scrollButtonLeft__icrcc,.ScrollButton_scrollButtonRight__6DBNq{
top:50%;
margin-top:calc(var(--control-size-sm) / -2)}
.ScrollButton_scrollButtonDown__q2nWu,.ScrollButton_scrollButtonUp__1exEA{
left:50%;
transform:translateX(-50%);
&:active:not(:disabled){
transform:translateX(calc(-50%))}
}
.ScrollButton_scrollButtonLeft__icrcc{
left:3px}
.ScrollButton_scrollButtonRight__6DBNq{
right:3px}
.ScrollButton_scrollButtonUp__1exEA{
top:3px}
.ScrollButton_scrollButtonDown__q2nWu{
bottom:3px}
.ScrollArea_root__eGVD3{
--scrollarea-scrollbar-size:calc(var(--scrollbar-width, 0.5rem) * 0.75);
--scrollarea-scrollbar-horizontal-margin:var(--space-3xs);
--scrollarea-scrollbar-vertical-margin:var(--space-3xs);
display:flex;
flex-direction:column;
height:100%;
overflow:hidden;
position:relative;
width:100%}
.ScrollArea_small__24i4g{
--scrollarea-scrollbar-size:calc(var(--scrollbar-width, 0.5rem) * 0.75);
--scrollarea-scrollbar-border-radius:var(--border-radius-sm)}
.ScrollArea_medium__S9iWa{
--scrollarea-scrollbar-size:var(--scrollbar-width,0.5rem);
--scrollarea-scrollbar-border-radius:var(--border-radius-md)}
.ScrollArea_navButton__0X2Bd{
--button-bg-color-highlight:var(--color-bg-subtle);
opacity:0;
pointer-events:none;
transition:opacity var(--motion-duration-scroll-area-fade) var(--motion-easing-scroll-area-fade);
z-index:4}
.ScrollArea_root__eGVD3:focus-within .ScrollArea_navButton__0X2Bd,.ScrollArea_root__eGVD3:hover .ScrollArea_navButton__0X2Bd{
opacity:1;
pointer-events:auto}
.ScrollArea_overlayContainer__Msbwp{
inset:0;
pointer-events:none;
position:absolute}
.ScrollArea_corner__nWOnw{
background-color:var(--scrollbar-track-color,transparent)}
.ScrollArea_viewport__nsIpE{
height:100%;
overscroll-behavior-x:contain;
width:100%}
.ScrollArea_viewport__nsIpE:where(:focus-visible)+.ScrollArea_viewport__nsIpE:where(.ScrollArea_focusRing__DbFYA){
inset:0;
outline:2px solid var(--color-border-brand-subtle);
outline-offset:-2px;
pointer-events:none;
position:absolute}
.ScrollArea_scrollbar__fru02{
display:flex;
touch-action:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
z-index:3;
&:where([data-orientation=vertical]){
flex-direction:column;
width:var(--scrollarea-scrollbar-size)}
&:where([data-orientation=horizontal]){
flex-direction:row;
height:var(--scrollarea-scrollbar-size)}
&.ScrollArea_hidden__SD6cK{
display:none}
}
.ScrollArea_thumb__5v88I{
position:relative;
&:before{
content:"";
height:100%;
left:50%;
min-height:var(--size-lg);
min-width:var(--size-lg);
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:100%}
&.ScrollArea_hidden__SD6cK{
&:before{
display:none}
}
}
.ScrollArea_scrollbar__fru02{
animation-duration:var(--motion-duration-scroll-area-fade);
animation-timing-function:var(--motion-easing-scroll-area-fade);
background-color:var(--scrollbar-track-color,transparent);
border-radius:var(--scrollarea-scrollbar-border-radius);
&:where([data-state=visible]){
animation-name:ScrollArea_fadeIn__9dZ5p}
&:where([data-state=hidden]){
animation-name:ScrollArea_fadeOut__zqM_1}
&:where([data-orientation=horizontal]){
margin:var(--scrollarea-scrollbar-horizontal-margin)}
&:where([data-orientation=vertical]){
margin:var(--scrollarea-scrollbar-vertical-margin)}
}
.ScrollArea_thumb__5v88I{
background-color:var(--scrollbar-thumb-color,rgba(89,98,106,.2));
border-radius:inherit;
opacity:1;
transition:opacity var(--motion-duration-scroll-area-fade) var(--motion-easing-scroll-area-fade);
@media (hover:hover){
&:where(:hover){
background-color:var(
        --scrollbar-thumb-hover-color,rgba(89,98,106,.4)
      );
opacity:1}
}
&.ScrollArea_hidden__SD6cK{
display:none}
}
@media (prefers-reduced-motion:reduce){
.ScrollArea_navButton__0X2Bd,.ScrollArea_thumb__5v88I{
transition:none}
.ScrollArea_scrollbar__fru02{
animation-duration:.01ms}
}
.EmptyState_wrapper__6VCGr{
--empty-state-text-color:var(--color-text-neutral);
--empty-state-description-color:var(--color-text-neutral);
--empty-state-description-offset:var(--space-2xs);
--empty-state-actions-offset:var(--space-2xs);
--empty-state-gap:var(--space-sm);
--empty-state-padding:var(--space-md);
--empty-state-icon-fg-color:var(--color-text-subtle);
--empty-state-icon-bg-color:var(--color-bg-subtle);
--empty-state-icon-size:32px;
--empty-state-icon-container-size:60px;
--empty-state-max-width:360px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--empty-state-gap);
max-width:var(--empty-state-max-width);
margin:0 auto;
padding:var(--empty-state-padding)}
.EmptyState_medium__lX97_{
--empty-state-gap:var(--space-md)}
.EmptyState_large__6DpE8,.EmptyState_medium__lX97_{
--empty-state-description-color:var(--color-text-subtle);
--empty-state-description-offset:var(--space-xs);
--empty-state-actions-offset:0;
.EmptyState_description__JYCGu{
font-size:var(--global-font-size-2)}
}
.EmptyState_small__ihVAq{
--empty-state-gap:var(--space-sm);
--empty-state-icon-container-size:48px;
--empty-state-icon-size:24px;
--empty-state-padding:var(--space-sm);
--empty-state-max-width:240px}
.EmptyState_large__6DpE8{
--empty-state-gap:var(--space-md);
--empty-state-icon-container-size:72px;
--empty-state-icon-size:32px;
--empty-state-padding:var(--space-lg);
--empty-state-max-width:440px}
.EmptyState_xlarge__dslL9{
--empty-state-gap:var(--space-md);
--empty-state-icon-container-size:88px;
--empty-state-icon-size:40px;
--empty-state-padding:var(--space-xl);
--empty-state-max-width:640px;
.EmptyState_description__JYCGu{
font-size:var(--font-size-body-lg)}
}
.EmptyState_heading__b_3Tw{
color:var(--empty-state-text-color);
text-align:center}
.EmptyState_description__JYCGu{
color:var(--empty-state-description-color);
text-align:center;
margin-top:calc(var(--empty-state-description-offset) * -1)}
.EmptyState_icon__1RjGS{
display:flex;
align-items:center;
justify-content:center;
width:var(--empty-state-icon-container-size);
height:var(--empty-state-icon-container-size);
border-radius:var(--border-radius-full);
background-color:var(--empty-state-icon-bg-color);
color:var(--empty-state-icon-fg-color);
svg[data-icon]{
width:var(--empty-state-icon-size);
height:var(--empty-state-icon-size)}
}
.EmptyState_critical__6B_Z5{
--empty-state-icon-bg-color:var(--color-bg-critical-a-subtle);
--empty-state-icon-fg-color:var(--color-text-critical)}
.EmptyState_success__pK_tB{
--empty-state-icon-bg-color:var(--color-bg-success-subtle);
--empty-state-icon-fg-color:var(--color-text-success)}
.EmptyState_primary__bGgaN{
--empty-state-icon-bg-color:var(--color-bg-brand-subtle);
--empty-state-icon-fg-color:var(--color-text-brand)}
.EmptyState_warning__ZWeb2{
--empty-state-icon-bg-color:var(--color-bg-warning-subtle);
--empty-state-icon-fg-color:var(--color-text-warning)}
.EmptyState_actions__9eDCR{
display:flex;
margin-top:var(--empty-state-actions-offset);
gap:var(--space-xs)}
.Image_image__v8088{
max-width:100%;
height:auto;
vertical-align:middle;
font-style:italic;
background-image:var(
    --image-placeholder
  );
background-repeat:no-repeat;
background-size:cover}
.Tag_base__f9cax{
--tag-text-color:var(--color-text-neutral);
--tag-background-color:var(--color-bg-subtle);
background:var(--tag-background-color);
border-radius:var(--border-radius-full);
color:var(--tag-text-color);
display:inline-block;
font-family:var(--font-family-body);
font-size:var(--font-size-body);
font-style:normal;
font-weight:var(--font-weight-medium);
height:var(--size-lg);
line-height:var(--size-lg);
max-width:200px;
overflow:hidden;
padding:0 var(--space-xs);
text-overflow:ellipsis;
white-space:nowrap}
.Tag_text__kbr3q{
display:contents}
.Tag_purple-light__NE4yW{
--tag-background-color:var(--global-color-purple-200);
--tag-text-color:var(--global-color-purple-800)}
.Tag_purple__NOUu1{
--tag-background-color:var(--global-color-purple-400);
--tag-text-color:var(--global-color-purple-900)}
.Tag_pink-light__gk2GP{
--tag-background-color:var(--global-color-pink-200);
--tag-text-color:var(--global-color-pink-800)}
.Tag_pink__AAHMs{
--tag-background-color:var(--global-color-pink-400);
--tag-text-color:var(--global-color-pink-900)}
.Tag_red-light__1DQT7{
--tag-background-color:var(--global-color-red-200);
--tag-text-color:var(--global-color-red-800)}
.Tag_red__zi800{
--tag-background-color:var(--global-color-red-500);
--tag-text-color:var(--global-color-red-900)}
.Tag_orange-light__9N1Do{
--tag-background-color:var(--global-color-orange-200);
--tag-text-color:var(--global-color-orange-800)}
.Tag_orange__DfeZt{
--tag-background-color:var(--global-color-orange-500);
--tag-text-color:var(--global-color-orange-900)}
.Tag_yellow-light__C2SIw{
--tag-background-color:var(--global-color-yellow-200);
--tag-text-color:var(--global-color-yellow-800)}
.Tag_yellow__pfukB{
--tag-background-color:var(--global-color-yellow-500);
--tag-text-color:var(--global-color-yellow-900)}
.Tag_green-light__j0qo_{
--tag-background-color:var(--global-color-green-300);
--tag-text-color:var(--global-color-green-800)}
.Tag_green__xIUBi{
--tag-background-color:var(--global-color-green-700);
--tag-text-color:var(--global-color-green-100)}
.Tag_teal-light__iRIYX{
--tag-background-color:var(--global-color-teal-200);
--tag-text-color:var(--global-color-teal-800)}
.Tag_teal__i3VCZ{
--tag-background-color:var(--global-color-teal-500);
--tag-text-color:var(--global-color-teal-900)}
.Tag_blue-light__NpRxl{
--tag-background-color:var(--global-color-blue-200);
--tag-text-color:var(--global-color-blue-800)}
.Tag_blue__tiFK4{
--tag-background-color:var(--global-color-blue-500);
--tag-text-color:var(--global-color-blue-900)}
.Tag_gray-light__mFV3Z{
--tag-background-color:var(--global-color-gray-a-200);
--tag-text-color:var(--color-text-neutral)}
.Tag_gray__puLd1{
--tag-background-color:var(--global-color-gray-900);
--tag-text-color:var(--color-text-inverted)}
:where(.dark){
.Tag_red__zi800{
--tag-text-color:var(--global-color-red-50)}
.Tag_orange__DfeZt{
--tag-text-color:var(--global-color-orange-50)}
.Tag_yellow__pfukB{
--tag-text-color:var(--global-color-yellow-50)}
.Tag_teal__i3VCZ{
--tag-text-color:var(--global-color-teal-50)}
.Tag_blue__tiFK4{
--tag-text-color:var(--global-color-blue-50)}
}
.ScheduleScene_tabsShell__2_cbG{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
min-width:0}
.ScheduleScene_pageHeader__c_l_f{
display:flex;
flex-direction:column;
gap:var(--space-xs);
padding:var(--space-lg) 0 0;
position:relative}
.ScheduleScene_pageHeader__c_l_f:before{
content:"";
position:absolute;
bottom:-1px;
left:0;
width:100%;
height:1px;
background-color:var(--color-border-subtle)}
.ScheduleScene_headerRow__V9g5Q{
container-name:page-header;
container-type:inline-size;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:var(--space-xs);
min-height:var(--size-2xl);
width:100%;
min-width:0}
.ScheduleScene_headerRow__V9g5Q [data-tablist]{
align-self:end;
border-bottom:none;
margin-bottom:0}
.ScheduleScene_hideOnNarrow__RwdcK{
@container page-header (width < 640px){
display:none}
}
.ScheduleScene_hideOnWide__PpEFG{
@container page-header (width >= 640px){
display:none}
}
.ScheduleScene_hideForQueueActions__LFtCq{
display:none;
@container page-header (width >= 850px){
display:block}
}
.ScheduleScene_showQueueActions__9UsGo{
display:none;
@container page-header (width < 850px){
display:inline-flex}
}
.ScheduleScene_tabsDropdown__6ps1c{
width:-moz-fit-content;
width:fit-content;
@container page-header (width >= 600px){
display:none}
}
.ScheduleScene_tabListContainer__iAcjL{
display:none;
@container page-header (width >= 600px){
display:contents}
}
.ScheduleScene_tabsDropdownTrigger__l9nqO{
gap:var(--space-2xs)}
.ScheduleScene_toggleLabel__vR5TG{
@container page-header (width < 640px){
display:none}
}
.ScheduleScene_titleGroup__1He0P{
display:grid;
grid-template-areas:"leading title adornments";
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
max-width:100%;
min-width:0}
.ScheduleScene_titleLeading__Y3Cef{
grid-area:leading;
display:inline-flex;
align-items:center;
flex-shrink:0;
margin-right:var(--space-xs)}
.ScheduleScene_title__8_7F1{
grid-area:title;
line-height:var(--line-height-heading);
min-width:0}
.ScheduleScene_headerActions__bdS45{
display:flex;
align-items:center;
flex-shrink:0;
gap:var(--space-xs);
margin-left:auto}
.ScheduleScene_container__mjU_J{
flex:1 1;
overflow:hidden;
width:100%;
max-width:900px;
margin:0 auto;
padding-top:var(--space-lg)}
.ScheduleScene_timeline__6zjuX{
display:flex;
flex-direction:column;
gap:var(--space-md);
padding-inline:calc(var(--space-2xl) + var(--space-xs));
-webkit-padding-after:var(--space-md);
padding-block-end:var(--space-md);
width:100%}
.ScheduleScene_dateHeader__JpNaW{
-webkit-margin-before:var(--space-lg);
margin-block-start:var(--space-lg);
text-align:left;
&:first-of-type{
-webkit-margin-before:0;
margin-block-start:0}
}
.ScheduleScene_entry__LlWGu{
display:flex;
flex-direction:row;
gap:var(--space-xl);
-webkit-margin-before:var(--space-xs);
margin-block-start:var(--space-xs)}
.ScheduleScene_timeLabel__o84z0{
display:flex;
flex-direction:column;
align-self:flex-start;
flex-shrink:0;
min-width:7ch;
width:-moz-fit-content;
width:fit-content}
.ScheduleScene_time__PSlCI{
white-space:nowrap}
.ScheduleScene_cardContainer__GZ1Xc{
--post-card-border-color:var(--color-border-subtle);
--post-card-outer-padding:var(--space-md);
--post-card-border-radius:var(--border-radius-sm);
container:postcard/inline-size;
position:relative;
width:100%;
max-width:820px}
.ScheduleScene_cardInner__rPSp4{
background-color:var(--color-bg-surface-raised);
border:1px solid var(--post-card-border-color);
border-radius:var(--post-card-border-radius);
transition:box-shadow .1s ease-in-out;
width:100%}
[data-interactive] .ScheduleScene_cardInner__rPSp4:hover{
box-shadow:var(--shadow-2)}
.ScheduleScene_cardBody__nvx9W{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:var(--space-lg);
padding:var(--post-card-outer-padding);
overflow-wrap:break-word}
.ScheduleScene_bodyWrapper__tEXwn{
display:flex;
flex-direction:column;
flex-grow:1;
flex-shrink:1;
gap:var(--space-md);
min-width:0;
width:100%;
@container postcard (width < 560px){
padding-right:calc(var(--size-lg) + var(--space-xl))}
}
.ScheduleScene_cardHeader__UaQ6F{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-md)}
.ScheduleScene_channelInfoRow__AXZIC{
display:flex;
align-items:center;
flex-direction:row;
gap:var(--space-sm);
min-width:0}
.ScheduleScene_cardContent__7Q0g1,.ScheduleScene_channelInfoText__AGQBi{
display:flex;
flex-direction:column;
min-width:0}
.ScheduleScene_cardContent__7Q0g1{
gap:var(--space-xs)}
.ScheduleScene_cardBodyText__LUlFJ{
white-space:pre-wrap}
.ScheduleScene_mediaBentoBox__gYBEQ{
flex-grow:0;
flex-shrink:0;
min-width:0;
@container postcard (width < 560px){
display:none}
}
.ScheduleScene_mediaRow__b1EtB{
display:none;
@container postcard (width < 560px){
display:block}
}
.ScheduleScene_bento__ZEQxh{
display:grid;
grid-gap:2px;
gap:2px;
width:180px;
height:180px;
aspect-ratio:1/1;
border-radius:var(--border-radius-sm);
overflow:hidden}
.ScheduleScene_bento__ZEQxh[data-assets="1"]{
grid-template:1fr/1fr}
.ScheduleScene_bento__ZEQxh[data-assets="2"]{
grid-template:1fr/repeat(2,1fr)}
.ScheduleScene_bento__ZEQxh[data-assets="3"]{
grid-template:repeat(2,1fr) /repeat(2,1fr);
& .ScheduleScene_bentoTile__hBf_2:first-child{
grid-row:span 2}
}
.ScheduleScene_bento__ZEQxh[data-assets="4"]{
grid-template:repeat(2,1fr) /repeat(2,1fr)}
.ScheduleScene_bentoTile__hBf_2{
display:flex;
align-items:center;
justify-content:center;
background:var(--color-bg-subtle);
min-width:0;
overflow:hidden}
.ScheduleScene_bentoTile__hBf_2 img,.ScheduleScene_mediaRowTile__OileF img{
width:100%;
height:100%;
object-fit:cover}
.ScheduleScene_mediaRowInner__9FKnl{
display:flex;
flex-direction:row;
gap:var(--space-xs)}
.ScheduleScene_mediaRowTile__OileF{
display:flex;
align-items:center;
justify-content:center;
width:100px;
height:100px;
border-radius:var(--border-radius-sm);
background:var(--color-bg-subtle);
overflow:hidden}
.ScheduleScene_cardFooter__SjUgb{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-md);
height:var(--global-space-11);
padding:0 var(--post-card-outer-padding);
border-top:1px solid var(--post-card-border-color)}
.ScheduleScene_cardFooter__SjUgb{
@container postcard (width < 420px){
height:auto;
min-height:56px;
padding-block:var(--space-sm)}
}
.ScheduleScene_footerMeta__1ucW9{
display:flex;
align-items:center;
gap:var(--space-md);
min-width:0;
@container postcard (width < 420px){
display:none}
}
.ScheduleScene_cardActions__5oIxN{
display:flex;
gap:var(--space-2xs);
justify-content:end;
-webkit-margin-start:auto;
margin-inline-start:auto}
.ScheduleScene_notesSlot__WoI3w{
position:absolute;
right:calc(0px - var(--space-2xl) - var(--space-xs));
top:0;
@container postcard (width < 560px){
right:var(--space-md);
top:var(--space-md);
z-index:2}
}
@container product-viewport (width < 1024px){
.ScheduleScene_timeline__6zjuX{
padding-inline:0}
.ScheduleScene_entry__LlWGu{
flex-direction:column;
gap:var(--space-xs)}
.ScheduleScene_mediaBentoBox__gYBEQ{
display:none}
.ScheduleScene_mediaRow__b1EtB{
display:block}
.ScheduleScene_bodyWrapper__tEXwn{
padding-right:calc(var(--size-lg) + var(--space-xl))}
.ScheduleScene_notesSlot__WoI3w{
right:var(--space-md);
top:var(--space-md);
z-index:2}
}
.content-planner_page__g1OW9{
--container-max-inline-size-wide:calc(84.5rem + var(--space-step-3-step-5) * 2)}
.content-planner_intro__wWuof{
-webkit-padding-before:var(--space-step-5-step-6);
padding-block-start:var(--space-step-5-step-6)}
.content-planner_introCopy__JMA6X{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--space-step-2);
text-align:center}
.content-planner_introHeading__fgBer{
font-size:var(--font-size-step-3);
text-wrap:balance}
.content-planner_introText__WB1qv{
max-inline-size:56rem;
text-wrap:pretty}
.content-planner_page__g1OW9 .content-planner_benefitsSection__bKXsw{
padding-block:var(--space-step-6)}
.content-planner_page__g1OW9 .content-planner_benefitsSection__bKXsw svg{
-webkit-margin-start:-.625rem;
margin-inline-start:-.625rem}
.content-planner_channelsSection__ArkgO{
margin-block:0 var(--space-step-5)}
.content-planner_featureSections__XBNAH{
display:grid;
grid-gap:var(--gutter);
gap:var(--gutter)}
.content-planner_featureSections__XBNAH .text-eyebrow{
color:var(--color-green-900)}
.content-planner_resourcesSection__v9Twd{
-webkit-padding-before:var(--space-step-6-step-8);
padding-block-start:var(--space-step-6-step-8)}
.content-planner_faqSection__wFi8h{
padding-block:var(--space-step-6-step-8) var(--space-step-5-step-7)}
.content-planner_featureShot__00VbR{
inline-size:724px;
max-inline-size:100%}
.content-planner_windowShot__kFQGk{
border-radius:0;
box-shadow:none;
overflow:visible}
.content-planner_windowShot__kFQGk [data-popcorn-surface]{
border-radius:var(--border-radius-medium);
box-shadow:0 1px 2px rgb(0 0 0/8%),0 18px 40px rgb(0 0 0/16%)}
.content-planner_windowShot__kFQGk [data-popcorn-surface]>:first-child{
border-radius:var(--border-radius-medium);
overflow:hidden}
.SubstackSchedulingDemo_composerLayer__EwRJN{
position:absolute;
inset:0;
z-index:3;
transition:opacity var(--motion-duration-overlay-exit,.15s) var(--motion-easing-overlay-exit,cubic-bezier(.7,0,.84,0))}
.SubstackSchedulingDemo_composerLayer__EwRJN[data-closing]{
opacity:0}
.SubstackSchedulingDemo_scrim__7O0pu{
position:absolute;
inset:0;
background:rgb(0 0 0/40%);
animation:SubstackSchedulingDemo_scrim-in__UoXy0 var(--motion-duration-lightbox-fade,.25s) var(--motion-easing-lightbox-fade,ease) backwards}
@keyframes SubstackSchedulingDemo_scrim-in__UoXy0{
0%{
opacity:0}
}
@media (prefers-reduced-motion:reduce){
.SubstackSchedulingDemo_composerLayer__EwRJN{
transition:none}
.SubstackSchedulingDemo_scrim__7O0pu{
animation:none}
}

.pl-avatar-picture{
--avatar-size:var(--space-2xl);
--avatar-border-width:1px;
--avatar-border-radius:var(--border-radius-md);
border-radius:var(--avatar-border-radius);
display:block;
overflow:hidden;
position:relative;
&.pl-avatar-xsmall,&.Avatar_xxsmall__L5Qxg{
--avatar-border-radius:var(--border-radius-sm)}
&.Avatar_large__4tIMo,&.pl-avatar-mid,&.Avatar_xlarge__7DyX6{
--avatar-border-radius:var(--border-radius-lg)}
}
.pl-avatar-avatar{
border-radius:var(--avatar-border-radius);
display:block;
max-height:var(--avatar-size);
max-width:var(--avatar-size);
min-height:var(--avatar-size);
min-width:var(--avatar-size);
object-fit:cover}
.pl-avatar-avatar,.Avatar_letter__q2L2w{
height:var(--avatar-size);
width:var(--avatar-size)}
.Avatar_letter__q2L2w{
--avatar-letter-orange-bg:hsl(25 100% 77%);
--avatar-letter-orange-fg:hsl(25 100% 28%);
--avatar-letter-blue-bg:hsl(207 100% 84%);
--avatar-letter-blue-fg:hsl(207 100% 33%);
--avatar-letter-pink-bg:hsl(336 100% 85%);
--avatar-letter-pink-fg:hsl(336 100% 33%);
--avatar-letter-aqua-bg:hsl(174 64% 77%);
--avatar-letter-aqua-fg:hsl(174 64% 33%);
--avatar-letter-yellow-bg:hsl(40 100% 77%);
--avatar-letter-yellow-fg:hsl(40 100% 33%);
align-items:center;
background-color:var(--avatar-letter-bg,var(--color-bg-neutral));
color:var(--avatar-letter-fg,var(--color-text-inverted));
display:flex;
font-size:calc(var(--avatar-size) * .5);
font-weight:500;
justify-content:center;
line-height:1;
text-transform:uppercase;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none}
.Avatar_color0__8gWuR{
--avatar-letter-bg:var(--avatar-letter-orange-bg);
--avatar-letter-fg:var(--avatar-letter-orange-fg)}
.Avatar_color1__RpUKB{
--avatar-letter-bg:var(--avatar-letter-blue-bg);
--avatar-letter-fg:var(--avatar-letter-blue-fg)}
.Avatar_color2__Zsj4B{
--avatar-letter-bg:var(--avatar-letter-pink-bg);
--avatar-letter-fg:var(--avatar-letter-pink-fg)}
.Avatar_color3__5wKBs{
--avatar-letter-bg:var(--avatar-letter-aqua-bg);
--avatar-letter-fg:var(--avatar-letter-aqua-fg)}
.Avatar_color4__wE7R6{
--avatar-letter-bg:var(--avatar-letter-yellow-bg);
--avatar-letter-fg:var(--avatar-letter-yellow-fg)}
.pl-avatar-picture:after{
aspect-ratio:1/1;
border-radius:var(--avatar-border-radius);
box-shadow:inset 0 0 0 var(--avatar-border-width) rgba(0,0,0,.12);
content:" ";
inset:0;
position:absolute;
width:100%}
.Avatar_xxsmall__L5Qxg{
--avatar-size:var(--global-size-6);
--avatar-border-width:1px}
.pl-avatar-xsmall{
--avatar-size:var(--size-lg);
--avatar-border-width:1px}
.pl-avatar-small{
--avatar-size:var(--size-xl);
--avatar-border-width:1px}
.Avatar_medium__cbv2P{
--avatar-size:var(--size-2xl);
--avatar-border-width:2px;
& .Avatar_badge__6_50F{
font-size:var(--global-font-size-3)}
}
.pl-avatar-mid{
--avatar-size:var(--global-size-9);
--avatar-border-width:2px;
& .Avatar_badge__6_50F{
font-size:var(--global-font-size-3)}
}
.Avatar_large__4tIMo{
--avatar-size:var(--size-3xl);
--avatar-border-width:2px;
& .Avatar_badge__6_50F{
font-size:var(--global-font-size-5)}
}
.Avatar_xlarge__7DyX6{
--avatar-size:var(--size-4xl);
--avatar-border-width:2px;
& .Avatar_badge__6_50F{
font-size:var(--global-font-size-6)}
}
@media not (--media-breakpoint-sm ){
.Avatar_xlarge__7DyX6{
--avatar-size:var(--size-3xl)}
.Avatar_large__4tIMo{
--avatar-size:var(--global-size-9)}
}
.Avatar_stack__Euiv0{
--avatar-stack-size:var(--avatar-size,var(--space-2xl));
--avatar-stack-border-width:var(--avatar-border-width,2px);
--avatar-stack-margin-left:calc(var(--avatar-stack-size) * -0.4);
--avatar-stack-border-color:var(--color-bg-neutral);
isolation:isolate;
&.pl-avatar-xsmall{
--avatar-stack-size:var(--size-lg)}
&.pl-avatar-xsmall .pl-avatar-picture,&.Avatar_xxsmall__L5Qxg .pl-avatar-picture{
--avatar-border-radius:var(--border-radius-xs)}
&.Avatar_large__4tIMo .pl-avatar-picture,&.Avatar_xlarge__7DyX6 .pl-avatar-picture{
--avatar-border-radius:var(--border-radius-lg)}
&.pl-avatar-xsmall .Avatar_badge__6_50F,&.Avatar_xxsmall__L5Qxg .Avatar_badge__6_50F{
border-radius:var(--border-radius-xs)}
&.Avatar_large__4tIMo .Avatar_badge__6_50F,&.Avatar_xlarge__7DyX6 .Avatar_badge__6_50F{
border-radius:var(--border-radius-lg)}
& .Avatar_avatarWrapper__NlObY{
z-index:var(--avatar-stack-z-index);
&:not(:first-child){
margin-left:var(--avatar-stack-margin-left)}
}
& .pl-avatar-picture{
--avatar-size:var(--avatar-stack-size);
--avatar-border-width:var(--avatar-stack-border-width);
&:after{
box-shadow:inset 0 0 0 var(--avatar-stack-border-width) var(--avatar-stack-border-color),inset 0 0 0 calc(var(--avatar-stack-border-width) * 2) rgba(0,0,0,.12)}
& img{
border:1px solid transparent}
}
& .Avatar_badge__6_50F{
--badge-size:var(--avatar-stack-size);
background-color:var(--color-bg-inverted);
border:var(--avatar-stack-border-width) solid var(--avatar-stack-border-color);
border-radius:var(--border-radius-md);
color:var(--color-text-inverted);
margin-left:-10%;
min-height:var(--badge-size);
position:relative;
z-index:var(--avatar-stack-z-index)}
:where(.dark) & .Avatar_badge__6_50F{
color:var(--color-text-on-dark)}
:where(.dark) & .pl-avatar-picture{
background-color:var(--global-color-gray-400)}
}
.gap_gap-3xs__b7CjQ{
gap:var(--space-3xs)}
.gap_gap-2xs__o_4z5{
gap:var(--space-2xs)}
.gap_gap-xs__PuOmT{
gap:var(--space-xs)}
.gap_gap-sm__Ao1dW{
gap:var(--space-sm)}
.gap_gap-md__CeWcb{
gap:var(--space-md)}
.gap_gap-lg__s1Rd2{
gap:var(--space-lg)}
.gap_gap-xl__I64wh{
gap:var(--space-xl)}
.gap_gap-2xl__JGnHN{
gap:var(--space-2xl)}
.gap_gap-3xl__ld9NU{
gap:var(--space-3xl)}
.gap_gap-4xl__w3VO4{
gap:var(--space-4xl)}
.display_block__thkS2{
display:block}
.display_inline__AwQRc{
display:inline}
.display_inline-block__IlIvA{
display:inline-block}
.display_flex__wLpGu{
display:flex}
.display_inline-flex__AHsX_{
display:inline-flex}
.display_grid__Vok6Y{
display:grid}
.display_inline-grid__Y7Dyk{
display:inline-grid}
.display_none__wPV09{
display:none}
.align-items_start__xPM2q{
align-items:flex-start}
.align-items_end__ekGvj{
align-items:flex-end}
.align-items_center__IrmIT{
align-items:center}
.align-items_baseline__2GQug{
align-items:baseline}
.align-items_stretch__RJUuZ{
align-items:stretch}
.align-items_normal__wScMe{
align-items:normal}
.flex-direction_row__2wihh{
flex-direction:row}
.flex-direction_column__aqOz3{
flex-direction:column}
.flex-direction_row-reverse__j5_yR{
flex-direction:row-reverse}
.flex-direction_column-reverse__Pz0ny{
flex-direction:column-reverse}
.flex-wrap_nowrap__0QtrU{
flex-wrap:nowrap}
.flex-wrap_wrap__UTGMu{
flex-wrap:wrap}
.flex-wrap_wrap-reverse__g_C9X{
flex-wrap:wrap-reverse}
.justify-content_start__vWZNz{
justify-content:flex-start}
.justify-content_end__NfsSp{
justify-content:flex-end}
.justify-content_center__399Z8{
justify-content:center}
.justify-content_between__dh3yA{
justify-content:space-between}
.justify-content_around__Ab_TU{
justify-content:space-around}
.dimensions_width-full__quKPD{
width:100%}
.dimensions_height-full__w_VT5{
height:100%}
.pl-channel-avatar-wrapper{
--channel-avatar-icon-size:var(--space-md);
--channel-avatar-icon-color:var(--color-bg-inverted);
--channel-avatar-border-width:1px;
--channel-avatar-border-color:var(--color-text-inverted);
--channel-avatar-border-radius:var(--border-radius-md);
--avatar-stack-z-index:1;
position:relative;
width:-moz-fit-content;
width:fit-content;
&.ChannelAvatar_large__8qUcl{
--channel-avatar-border-width:3px;
--channel-avatar-border-radius:var(--border-radius-lg)}
&.ChannelAvatar_medium__fQqlg,&.pl-channel-avatar-mid{
--channel-avatar-border-width:2px}
&.ChannelAvatar_small__9wmUW,&.pl-channel-avatar-xsmall{
--channel-avatar-border-width:1px}
&.pl-channel-avatar-xsmall{
--channel-avatar-border-radius:var(--border-radius-sm)}
}
.ChannelAvatar_stack__Z0_cE{
--avatar-size:var(--space-2xl);
--avatar-stack-border-width:var(--channel-avatar-border-width);
--avatar-stack-margin-left:calc(var(--avatar-size) * -0.4);
--avatar-stack-border-color:var(--color-bg-neutral);
&.pl-channel-avatar-xsmall{
--avatar-size:var(--size-lg);
.pl-channel-avatar-wrapper{
--channel-avatar-border-radius:var(--border-radius-xs)}
.ChannelAvatar_badge__G2Sj7{
border-radius:var(--border-radius-xs)}
}
&.ChannelAvatar_small__9wmUW{
--avatar-size:var(--size-xl)}
&.pl-channel-avatar-mid{
--avatar-size:var(--global-size-9)}
&.ChannelAvatar_medium__fQqlg{
--avatar-size:var(--size-2xl)}
&.ChannelAvatar_large__8qUcl{
--avatar-size:var(--size-3xl);
.pl-channel-avatar-wrapper{
--channel-avatar-border-radius:var(--border-radius-lg)}
.ChannelAvatar_badge__G2Sj7{
border-radius:var(--border-radius-lg)}
}
.ChannelAvatar_badge__G2Sj7{
border-radius:var(--border-radius-md)}
:where(.dark) & .ChannelAvatar_badge__G2Sj7{
color:var(--color-text-on-dark)}
:where(.dark) & .pl-channel-avatar-wrapper picture{
background-color:var(--global-color-gray-400)}
}
@media not (--media-breakpoint-sm ){
.ChannelAvatar_stack__Z0_cE.ChannelAvatar_large__8qUcl{
--avatar-size:var(--global-size-9)}
}
.ChannelAvatar_avatarWrapper__Nzisw{
margin-left:var(--avatar-stack-margin-left);
&:first-child{
margin-left:0}
&>*{
border:var(--avatar-stack-border-width) solid var(--avatar-stack-border-color)}
z-index:var(--avatar-stack-z-index)}
.ChannelAvatar_badge__G2Sj7{
--badge-size:var(--avatar-size);
--badge-border-width:1px;
background-color:var(--color-bg-a-subtle);
border:var(--badge-border-width) solid var(--color-border-subtle);
color:var(--color-text-neutral);
font-size:var(--font-size-body-lg);
font-weight:var(--font-weight-medium);
margin-left:-8%;
position:relative;
&.ChannelAvatar_doubleDigitBadge__MiCho{
font-size:var(--font-size-body);
margin-left:-6%}
}
.pl-channel-avatar-icon{
align-items:center;
background-color:var(--channel-avatar-icon-color);
border:var(--channel-avatar-border-width) solid var(--channel-avatar-border-color);
border-radius:var(--channel-avatar-border-radius);
display:flex;
justify-content:center;
padding:4px;
position:absolute;
z-index:1}
.pl-channel-avatar-xsmall .pl-channel-avatar-icon{
bottom:-1px;
padding:3px;
right:-4px;
.ChannelAvatar_lastOnTop__BwUuX &{
left:-1px;
right:inherit}
}
.ChannelAvatar_small__9wmUW .pl-channel-avatar-icon{
bottom:-1px;
padding:3px;
right:-6px;
.ChannelAvatar_lastOnTop__BwUuX &{
left:-2px;
right:inherit}
}
.ChannelAvatar_medium__fQqlg .pl-channel-avatar-icon{
bottom:-1px;
padding:4px;
right:-8px;
.ChannelAvatar_lastOnTop__BwUuX &{
left:-5px;
right:inherit}
}
.pl-channel-avatar-mid .pl-channel-avatar-icon{
bottom:-1px;
padding:3px;
right:-8px;
.ChannelAvatar_lastOnTop__BwUuX &{
left:-3px;
right:inherit}
}
.ChannelAvatar_large__8qUcl .pl-channel-avatar-icon{
bottom:-2px;
padding:6px;
right:-10px;
.ChannelAvatar_lastOnTop__BwUuX &{
left:-8px;
right:inherit}
}
.ChannelAvatar_editIcon__AquQg{
color:var(--color-text-on-dark);
pointer-events:none}
.ChannelAvatar_editable__P7q_E{
align-items:center;
background:rgba(0,0,0,.2);
border:0;
border-radius:var(--channel-avatar-border-radius);
bottom:0;
cursor:pointer;
display:flex;
justify-content:center;
left:0;
opacity:0;
padding:0;
position:absolute;
right:0;
top:0;
transition:opacity var(--motion-duration-control-feedback) var(--motion-easing-control-feedback);
&.ChannelAvatar_showEditOverlay__2ZAU_,&:focus-visible,&:hover{
opacity:1}
@media (prefers-reduced-motion:reduce){
transition:none}
}
.pl-channel-avatar-wrapper[data-channel=facebook]{
--channel-avatar-icon-color:var(--global-color-channels-facebook)}
.pl-channel-avatar-wrapper[data-channel=googlebusiness]{
--channel-avatar-icon-color:var(
    --global-color-channels-google-business-profile
  )}
.pl-channel-avatar-wrapper[data-channel=instagram]{
--channel-avatar-icon-color:var(--global-color-channels-instagram)}
.pl-channel-avatar-wrapper[data-channel=linkedin]{
--channel-avatar-icon-color:var(--global-color-channels-linkedin)}
.pl-channel-avatar-wrapper[data-channel=bluesky]{
--channel-avatar-icon-color:var(--global-color-channels-bluesky)}
.pl-channel-avatar-wrapper[data-channel=mastodon]{
--channel-avatar-icon-color:var(--global-color-channels-mastodon)}
.pl-channel-avatar-wrapper[data-channel=pinterest]{
--channel-avatar-icon-color:var(--global-color-channels-pinterest)}
.pl-channel-avatar-wrapper[data-channel=startPage]{
--channel-avatar-icon-color:var(--global-color-channels-start-page)}
.pl-channel-avatar-wrapper[data-channel=tiktok]{
--channel-avatar-icon-color:var(--global-color-channels-tiktok)}
.pl-channel-avatar-wrapper[data-channel=twitter]{
--channel-avatar-icon-color:var(--global-color-channels-x)}
.pl-channel-avatar-wrapper[data-channel=youtube]{
--channel-avatar-icon-color:var(--global-color-channels-youtube)}
.pl-channel-avatar-wrapper[data-channel=threads]{
--channel-avatar-icon-color:var(--global-color-channels-threads)}
.pl-channel-avatar-wrapper[data-channel=substack]{
--channel-avatar-icon-color:var(--global-color-channels-substack)}
.pl-channel-avatar-wrapper[data-channel=whatsapp]{
--channel-avatar-icon-color:var(--global-color-channels-whatsapp)}
.ChannelIcon_withColor__j_B3o{
--channel-icon-color:initial;
color:var(--channel-icon-color)}
.pl-channel-icon-icon-color{
color:var(--color-text-on-dark)}
.dark{
[data-channel=threads].pl-channel-icon-icon-color,[data-channel=tiktok].pl-channel-icon-icon-color,[data-channel=twitter].pl-channel-icon-icon-color,[data-channel=x].pl-channel-icon-icon-color{
color:var(--color-text-on-light)}
}
.DropdownMenu_baseMenu__d1EX6{
--dropdown-menu-bg:var(--color-bg-surface-floating);
--dropdown-menu-padding:var(--space-xs);
--dropdown-menu-padding-y:var(--space-sm);
--dropdown-menu-padding-x:var(--dropdown-menu-padding);
--dropdown-menu-item-height:var(--size-xl);
--dropdown-menu-item-padding-left:var(--space-sm);
--dropdown-menu-item-padding-right:var(--space-sm);
--dropdown-menu-item-padding-top:var(--space-xs);
--dropdown-menu-item-padding-bottom:var(--space-xs);
--dropdown-menu-item-max-width:220px}
.DropdownMenu_menu__WuK4R{
background-color:var(--dropdown-menu-bg);
border-radius:var(--border-radius-lg);
box-shadow:var(--shadow-menu);
box-sizing:border-box;
display:flex;
flex-direction:column;
max-width:var(--dropdown-menu-item-max-width);
min-width:140px;
padding:var(--dropdown-menu-padding-y) var(--dropdown-menu-padding-x);
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
will-change:transform,opacity;
@media (prefers-reduced-motion:no-preference){
&:where([data-state=open]){
animation-duration:var(--motion-duration-overlay-enter);
animation-timing-function:var(--motion-easing-overlay-enter);
&:where([data-side=top]){
animation-name:DropdownMenu_slideFromTop__7B1rP,DropdownMenu_fadeIn___evgB}
&:where([data-side=bottom]){
animation-name:DropdownMenu_slideFromBottom__krYCV,DropdownMenu_fadeIn___evgB}
&:where([data-side=left]){
animation-name:DropdownMenu_slideFromLeft__Ve2Yv,DropdownMenu_fadeIn___evgB}
&:where([data-side=right]){
animation-name:DropdownMenu_slideFromRight__M7OMN,DropdownMenu_fadeIn___evgB}
}
&:where([data-state=closed]){
animation-duration:var(--motion-duration-overlay-exit);
animation-timing-function:var(--motion-easing-overlay-exit);
&:where([data-side=top]){
animation-name:DropdownMenu_slideToTop__HkdsZ,DropdownMenu_fadeOut__k_Qdu}
&:where([data-side=bottom]){
animation-name:DropdownMenu_slideToBottom__mx1xF,DropdownMenu_fadeOut__k_Qdu}
&:where([data-side=left]){
animation-name:DropdownMenu_slideToLeft__DB399,DropdownMenu_fadeOut__k_Qdu}
&:where([data-side=right]){
animation-name:DropdownMenu_slideToRight__nJ8cE,DropdownMenu_fadeOut__k_Qdu}
}
}
}
.DropdownMenu_drawerMenu__S9f7L{
--dropdown-menu-item-height:2.5rem;
--dropdown-menu-item-padding-top:var(--space-sm);
--dropdown-menu-item-padding-bottom:var(--space-sm);
padding-inline:var(--space-md)}
.DropdownMenu_baseItem__y3ACr{
align-items:center;
background-color:transparent;
border:none;
border-radius:var(--border-radius-sm);
box-sizing:border-box;
color:var(--color-text-neutral);
cursor:pointer;
display:flex;
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
gap:var(--space-xs);
line-height:var(--line-height-label);
min-height:var(--dropdown-menu-item-height);
outline:none;
padding:var(--dropdown-menu-item-padding-top) var(--dropdown-menu-item-padding-right) var(--dropdown-menu-item-padding-bottom) var(--dropdown-menu-item-padding-left);
position:relative;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
vertical-align:middle;
width:100%;
&.DropdownMenu_loading__0WKFC{
[data-icon=loader-circle]+[data-icon]{
display:none}
}
&.DropdownMenu_loading__0WKFC,&:where([data-disabled]){
color:var(--color-text-disabled);
cursor:not-allowed}
&:where([data-highlighted]){
background-color:var(--color-bg-a-subtle)}
&:hover:not([data-disabled],.DropdownMenu_loading__0WKFC){
background-color:var(--color-bg-a-subtle)}
&:focus{
outline:none}
&:has(>[data-icon]:first-child){
--dropdown-menu-item-padding-left:var(--space-xs)}
>:where([data-icon]){
color:var(--color-text-subtle);
flex-shrink:0}
}
.DropdownMenu_baseItem__y3ACr:where(:not(:has(>:not([data-icon],.DropdownMenu_postfix__Ib__8,.DropdownMenu_shortcut__KBd02)))){
align-items:flex-start;
padding-bottom:calc((var(--dropdown-menu-item-height) - 1em) / 2);
padding-top:calc((var(--dropdown-menu-item-height) - 1em) / 2);
>.DropdownMenu_postfix__Ib__8,>[data-icon]{
margin-block:calc((1em - 16px) / 2)}
}
.DropdownMenu_item__jZg5b{
--icon-size:16px;
>:where([data-icon]){
flex-shrink:0}
&.DropdownMenu_critical__lnk6S{
color:var(--color-text-critical);
>[data-icon]{
color:inherit}
}
}
.DropdownMenu_withDescription__sTnom{
align-items:center;
grid-column-gap:var(--space-xs);
column-gap:var(--space-xs);
display:grid;
grid-template-columns:auto 1fr auto;
grid-row-gap:var(--space-2xs);
row-gap:var(--space-2xs);
>[data-icon]{
grid-row:1}
&:not(:has(>[data-icon])){
grid-template-columns:1fr auto;
>.DropdownMenu_itemDescription__LS_4L{
grid-column:1}
}
}
.DropdownMenu_itemDescription__LS_4L{
color:var(--color-text-subtle);
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-regular);
grid-column:2;
grid-row:2;
line-height:var(--line-height-body)}
.DropdownMenu_postfix__Ib__8{
--icon-size:16px;
align-items:center;
display:flex;
justify-content:center;
margin-left:auto}
.DropdownMenu_label__TBLRe{
align-items:center;
color:var(--color-text-subtle);
cursor:default;
display:flex;
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-regular);
margin-bottom:var(--space-2xs);
padding-left:var(--space-xs);
padding-right:var(--space-xs);
padding-top:var(--space-2xs);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
:where(.DropdownMenu_baseItem__y3ACr)+&{
margin-top:var(--space-sm)}
:where(.DropdownMenu_separator__i5MNN)+&{
padding-top:var(--space-xs)}
}
.DropdownMenu_separator__i5MNN{
background-color:var(--color-border-subtle);
height:1px;
margin:var(--space-xs) 0;
&:last-child{
display:none}
}
.DropdownMenu_subTrigger__EiKs6{
&:where([data-state=open]):not([data-highlighted]){
background-color:var(--color-bg-subtle)}
}
.DropdownMenu_shortcut__KBd02{
color:var(--color-text-subtle);
cursor:default;
flex-grow:1;
font-family:var(--font-family-body);
font-size:var(--font-size-body);
margin-left:auto;
text-align:right;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
>kbd{
color:var(--color-text-subtle);
font-family:var(--font-family-body);
font-size:var(--font-size-body-sm);
font-weight:var(--font-weight-regular);
&:not(:last-child){
margin-right:var(--space-2xs)}
}
}
.Dialog_overlay__WkOXh{
display:flex;
align-items:center;
justify-content:center;
position:fixed;
inset:0;
padding:var(--space-lg);
&:after{
content:"";
position:absolute;
inset:0;
background-color:var(--color-bg-overlay)}
&:has(.Dialog_content__HPM_2.Dialog_maximize__4Kz20){
padding:0;
width:100%;
height:100%;
overflow:auto}
@media (prefers-reduced-motion:no-preference){
&:where([data-state=closed]){
animation:Dialog_overlayNoOp__elDk3 var(--motion-duration-dialog-exit) var(--motion-easing-dialog-exit) forwards}
&:where([data-state=open]):after{
animation:Dialog_fadeIn__T4iJW var(--motion-duration-dialog-enter) var(--motion-easing-dialog-enter)}
&:where([data-state=closed]):after{
animation:Dialog_fadeOut__lEis8 var(--motion-duration-dialog-exit) var(--motion-easing-dialog-exit) forwards}
}
}
.Dialog_content__HPM_2{
--inset-padding:var(--space-lg);
padding:var(--inset-padding) 0 var(--space-md);
display:flex;
flex-direction:column;
gap:var(--space-md);
width:100%;
outline:none;
overflow:auto;
background-color:var(--color-bg-surface-floating);
box-shadow:var(--shadow-dialog);
border-radius:var(--border-radius-xl);
box-sizing:border-box;
position:relative;
isolation:isolate;
z-index:1;
max-height:100vh;
@supports (max-height:100dvh){
max-height:100dvh}
@media (prefers-reduced-motion:no-preference){
&:where([data-state=open]){
animation:Dialog_dialogContentShow__WUAMk var(--motion-duration-dialog-enter) var(--motion-easing-dialog-enter)}
&:where([data-state=closed]){
animation:Dialog_dialogContentHide__LqCpZ var(--motion-duration-dialog-exit) var(--motion-easing-dialog-exit) forwards}
}
}
.Dialog_section__cSNQX{
padding:0 var(--inset-padding)}
.Dialog_header__2HEE4{
display:flex;
flex-direction:column;
gap:var(--space-xs)}
.Dialog_body___Stwy{
.Dialog_content__HPM_2.Dialog_maximize__4Kz20 &{
flex:1 1;
overflow:auto}
}
.Dialog_footer__hFN32{
display:flex;
flex-direction:row;
justify-content:flex-end;
gap:var(--space-xs);
width:100%;
.Dialog_content__HPM_2.Dialog_maximize__4Kz20 &{
flex-shrink:0;
margin-top:auto}
}
.Dialog_separator__NiBvx{
background-color:var(--color-border-xsubtle);
height:1px;
width:100%;
flex-shrink:0}
.Dialog_close__mHTmm{
position:absolute;
top:var(--inset-padding);
right:var(--inset-padding);
color:var(--color-text-neutral);
width:var(--size-lg);
height:var(--size-lg);
border-radius:var(--border-radius-sm);
display:flex;
align-items:center;
justify-content:center;
&:hover{
background-color:var(--color-bg-subtle)}
}
.Dialog_content__HPM_2{
&:where(.Dialog_small__Uzaql){
width:320px}
&:where(.Dialog_medium__CAb3k){
width:512px}
&:where(.Dialog_large___PbgD){
width:680px}
&:where(.Dialog_xlarge__sC1um){
width:800px}
&.Dialog_maximize__4Kz20{
width:100%;
height:100dvh;
border-radius:0;
overflow:hidden}
}
@keyframes Dialog_overlayNoOp__elDk3{
0%{
opacity:1}
to{
opacity:1}
}
@keyframes Dialog_dialogContentShow__WUAMk{
0%{
opacity:0;
transform:translateY(5px) scale(.97)}
to{
opacity:1;
transform:translateY(0) scale(1)}
}
@keyframes Dialog_dialogContentHide__LqCpZ{
0%{
opacity:1;
transform:translateY(0) scale(1)}
to{
opacity:0;
transform:translateY(5px) scale(.99)}
}

.SubstackFeedsScene_root__K26pl{
display:grid;
grid-template:"sidebar main" 1fr/auto 1fr;
height:100%;
overflow:hidden;
background:var(--color-bg-surface-sunken)}
.SubstackFeedsScene_main__CrSZ7{
grid-area:main;
overflow:hidden;
background:var(--color-bg-surface-neutral);
border:1px solid var(--color-bg-subtle);
border-radius:var(--border-radius-lg);
margin:var(--space-xs) var(--space-xs) var(--space-xs) 0;
padding-inline:var(--global-space-8)}
.SubstackFeedsScene_pageHeader__YWls2{
position:relative;
background-color:transparent}
.SubstackFeedsScene_sectionAvatar__Go1cm{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:42px;
height:42px;
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-lg)}
.SubstackFeedsScene_main__CrSZ7 .SubstackFeedsScene_subnav__Qwe08{
flex-wrap:nowrap;
gap:var(--space-sm);
padding-top:var(--space-lg)}
.SubstackFeedsScene_subnav__Qwe08 .SubstackFeedsScene_chip__2_a0O{
flex-shrink:0;
padding-inline:var(--space-xs);
white-space:nowrap}
.SubstackFeedsScene_subnav__Qwe08 .SubstackFeedsScene_chip__2_a0O[aria-current=page]{
background-color:var(--color-bg-brand-subtle);
border-color:var(--color-bg-brand-subtle);
color:var(--color-text-brand)}
.SubstackFeedsScene_collection__p6EDI{
display:inline-flex;
align-items:center}
.SubstackFeedsScene_collection__p6EDI .SubstackFeedsScene_chip__2_a0O{
border-right:none;
border-top-right-radius:0;
border-bottom-right-radius:0;
& [data-icon]{
--icon-size:12px}
}
.SubstackFeedsScene_collection__p6EDI .SubstackFeedsScene_collectionChevron__j_Ltq{
border-left:none;
border-top-left-radius:0;
border-bottom-left-radius:0;
padding:var(--space-xs);
& [data-icon]{
--icon-size:12px}
}
.SubstackFeedsScene_main__CrSZ7 .SubstackFeedsScene_container__aZc6N{
width:100%;
min-width:0;
max-width:720px;
padding-top:var(--space-2xl);
overflow:hidden}
.SubstackFeedsScene_contentList__h0uLe{
list-style:none;
margin:0;
padding:0}
.SubstackFeedsScene_articleLayout__Dan9C{
display:flex;
flex-direction:row;
align-items:center;
gap:var(--space-lg);
padding:var(--space-sm);
margin-bottom:var(--space-sm);
background-color:var(--color-bg-surface-raised);
border:1px solid transparent;
border-radius:var(--border-radius-md);
transition:border-color .2s ease-in-out}
.SubstackFeedsScene_articleLayout__Dan9C[data-highlighted],[data-interactive] .SubstackFeedsScene_articleLayout__Dan9C:hover{
border-color:var(--color-border-surface-floating)}
.SubstackFeedsScene_thumbnail__Wzuvr{
display:flex;
align-items:center;
justify-content:center;
flex:none;
width:184px;
height:128px;
overflow:hidden;
background-color:var(--color-bg-surface-muted);
border-radius:var(--border-radius-sm)}
.SubstackFeedsScene_thumbnail__Wzuvr img{
width:100%;
height:100%;
object-fit:cover}
.SubstackFeedsScene_articleDisplay__LrEA1{
display:flex;
flex-direction:column;
gap:var(--space-xs);
flex:1 1 auto;
overflow:hidden}
.SubstackFeedsScene_articleTitle__8Yd2L{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:var(--font-size-body-lg);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-heading);
margin:0;
overflow:hidden;
text-overflow:ellipsis}
.SubstackFeedsScene_articleSource__K91xA{
display:inline-flex;
align-items:center;
gap:var(--space-2xs);
min-width:0}
.SubstackFeedsScene_feedIcon__eLG7N{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:16px;
height:16px;
border-radius:var(--border-radius-full);
background-color:var(--color-bg-subtle);
box-shadow:inset 0 0 0 1px var(--global-color-gray-a-100);
& [data-icon]{
--icon-size:10px}
}
.SubstackFeedsScene_articleDescription__VA3lV{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis}
.SubstackFeedsScene_articleAge__J68Ai{
margin-top:var(--space-xs)}
.SubstackFeedsScene_addFeedMenu__RfKor{
display:flex;
flex-direction:column;
gap:var(--space-2xs);
box-sizing:border-box;
width:100%;
margin:0;
padding:var(--space-sm) var(--space-xs);
list-style:none;
background-color:var(--color-bg-surface-floating);
border:1px solid var(--color-border-surface-floating);
border-radius:var(--border-radius-lg);
box-shadow:var(--shadow-menu)}
.SubstackFeedsScene_addFeedMenu__RfKor li:not(.SubstackFeedsScene_addFeedSeparator__ajsxw){
display:flex;
align-items:center;
gap:var(--space-xs);
min-height:var(--size-xl);
padding:var(--space-xs);
border-radius:var(--border-radius-sm);
color:var(--color-text-neutral);
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-label);
& [data-icon]{
color:var(--color-text-subtle)}
}
[data-interactive] .SubstackFeedsScene_addFeedMenu__RfKor li:not(.SubstackFeedsScene_addFeedSeparator__ajsxw):hover{
background-color:var(--color-bg-a-subtle)}
.SubstackFeedsScene_addFeedSeparator__ajsxw{
border-top:1px solid var(--color-border-subtle)}
.PageLayout_root__fc56V{
--page-layout-padding:var(--space-lg);
--page-layout-max-width:1612px;
--page-layout-narrow-max-width:900px;
background-color:var(--color-bg-neutral);
display:flex;
flex-direction:column;
min-height:0;
min-width:0;
position:relative;
width:100%}
.PageLayout_container___Pyfz{
flex:1 1;
margin:0 auto;
max-width:var(--page-layout-max-width);
min-height:0;
min-width:0;
padding:0;
width:100%}
.PageLayout_narrow__NyRiV{
max-width:var(--page-layout-narrow-max-width)}
.PageLayout_full__C0x3y{
max-width:100%;
min-width:100%}
.PageHeader_root__ucqgK{
--page-header-padding:var(--space-lg);
--page-header-padding-bottom:0;
--page-header-row-height:var(--size-2xl);
--page-header-max-width:var(--page-layout-max-width,1612px);
--page-header-narrow-max-width:var(--page-layout-narrow-max-width,900px);
background-color:var(--color-bg-neutral);
display:flex;
flex-direction:column;
gap:var(--space-xs);
isolation:isolate;
padding:var(--page-header-padding) 0 var(--page-header-padding-bottom) 0;
position:-webkit-sticky;
position:sticky;
top:0;
width:100%;
z-index:2;
&:not(:has([data-tablist])){
--page-header-padding-bottom:var(--space-xs)}
&:before{
background-color:var(--color-border-subtle);
bottom:-1px;
content:"";
height:0;
left:0;
opacity:0;
position:absolute;
transition:opacity var(--motion-duration-page-header-separator) var(--motion-easing-page-header-separator),height var(--motion-duration-page-header-separator) var(--motion-easing-page-header-separator);
width:100%;
z-index:-1}
&.PageHeader_withSeparator__EEM6o:before{
height:1px;
opacity:1}
}
@media (prefers-reduced-motion:reduce){
.PageHeader_root__ucqgK:before{
transition:none}
}
.PageHeader_row__056h1{
align-items:center;
container-name:page-header;
container-type:inline-size;
display:flex;
flex-wrap:wrap;
gap:var(--space-xs);
margin:0 auto;
max-width:var(--page-header-max-width);
min-height:var(--page-header-row-height);
padding:0;
width:100%;
[data-tablist]{
align-self:end;
border-bottom:none;
margin-bottom:0;
z-index:2}
}
.PageHeader_row__056h1.PageHeader_narrow__KiO89{
max-width:var(--page-header-narrow-max-width)}
.PageHeader_row__056h1.PageHeader_full__PNO35{
max-width:100%}
.PageHeader_titleGroup__4mT4z{
align-items:center;
display:grid;
grid-template-areas:"leading title adornments";
grid-template-columns:auto minmax(0,1fr) auto;
max-width:100%;
min-width:0}
.PageHeader_titleGroup__4mT4z:has(.PageHeader_titleDescription__cjg7j){
grid-template-areas:"leading title       adornments spacer" "leading description description description";
grid-template-columns:auto minmax(0,max-content) auto minmax(0,1fr)}
.PageHeader_titleLeading__6zsdB{
align-items:center;
display:inline-flex;
flex-shrink:0;
grid-area:leading;
margin-right:var(--space-xs)}
.PageHeader_titleGroup__4mT4z.PageHeader_comfortableLeading__WOOs0>.PageHeader_titleLeading__6zsdB{
margin-right:var(--space-md)}
.PageHeader_title__zOWRi{
grid-area:title;
line-height:var(--line-height-heading);
min-width:0}
.PageHeader_titleAdornments__5Zv7P{
align-items:center;
display:inline-flex;
flex-direction:row;
flex-shrink:0;
gap:var(--space-xs);
grid-area:adornments;
margin-left:var(--space-xs)}
.PageHeader_titleDescription__cjg7j{
align-items:center;
color:var(--color-text-subtle);
display:inline-flex;
font-size:var(--font-size-body);
font-weight:var(--font-weight-regular);
gap:var(--space-2xs);
grid-area:description;
line-height:var(--line-height-body);
margin-top:var(--space-3xs);
min-width:0}
.PageHeader_actions__QAftJ{
flex-shrink:0;
margin-left:auto}
.PageHeader_actionGroup__koETO,.PageHeader_actions__QAftJ{
align-items:center;
display:flex;
flex-direction:row;
gap:var(--space-xs)}
.PageHeader_actionGroup__koETO{
position:relative}
.PageHeader_actions__QAftJ.PageHeader_withSeparators__sw5ho .PageHeader_actionGroup__koETO+.PageHeader_actionGroup__koETO{
margin-left:var(--space-2xs);
padding-left:calc(var(--space-xs) + var(--space-2xs))}
.PageHeader_actions__QAftJ.PageHeader_withSeparators__sw5ho .PageHeader_actionGroup__koETO+.PageHeader_actionGroup__koETO:before{
background-color:var(--color-border-subtle);
content:"";
height:var(--space-md);
left:0;
position:absolute;
top:50%;
transform:translateY(-50%);
width:1px}
.PageHeader_hideOnNarrow__C1oJZ{
@container page-header (width < 640px){
display:none}
}
.PageHeader_hideOnMedium__XyltT{
@container page-header (width < 730px){
display:none}
}
.PageHeader_hideOnWide__WdEO6{
@container page-header (width >= 640px){
display:none}
}
.pl-toggle-group-base{
box-sizing:border-box;
display:inline-flex;
align-items:center;
gap:var(--space-2xs);
padding:var(--space-2xs);
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-md);
background-color:var(--color-bg-neutral);
:where(.dark) &{
background-color:var(--color-bg-xsubtle)}
font-weight:var(--font-weight-medium);
font-size:var(--font-size-body);
line-height:var(--line-height-body)}
.pl-toggle-group-medium{
height:var(--control-size-md)}
.ToggleGroup_large__eqfGs{
height:var(--control-size-lg)}
.pl-toggle-group-item{
all:unset;
cursor:pointer;
height:100%;
padding:0 var(--space-xs);
display:flex;
justify-content:center;
align-items:center;
gap:var(--space-2xs);
border:1px solid transparent;
border-radius:var(--border-radius-sm);
color:var(--color-text-neutral);
transition-property:background-color,color;
transition-duration:var(--motion-duration-control-feedback);
transition-timing-function:var(--motion-easing-control-feedback);
&:hover:not([data-state=on],[data-disabled]){
background-color:var(--color-bg-a-subtle)}
&[data-disabled]{
background-color:var(--color-bg-neutral);
color:var(--color-text-disabled);
cursor:not-allowed;
transition:none}
&:focus-visible{
outline:2px solid var(--color-border-brand);
outline-offset:1px;
border-color:var(--color-border-brand);
background-color:var(--color-bg-brand-xsubtle);
color:var(--color-text-brand);
transition:none}
&[data-state=on]{
background-color:var(--color-bg-brand-a-subtle);
color:var(--color-text-brand);
border-color:transparent;
&:hover{
background-color:var(--color-bg-brand-subtle)}
&[data-disabled]{
background-color:var(--color-bg-subtle);
color:var(--color-text-disabled)}
}
@media (prefers-reduced-motion:reduce){
transition:none}
}
.ComposerScene_root__UdqkV{
position:relative;
height:100%;
overflow:hidden}
.ComposerScene_dialog___9xoi{
--composer-width:720px;
--composer-sidepanel-width:380px;
--inset-padding:var(--space-xl);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
display:flex;
flex-direction:column;
width:var(--composer-width);
height:620px;
background:var(--color-bg-surface-floating);
border-radius:var(--border-radius-xl);
box-shadow:var(--shadow-dialog);
overflow:hidden}
.ComposerScene_dialog___9xoi[data-sidepanel-state=open]{
width:calc(var(--composer-width) + var(--composer-sidepanel-width))}
.ComposerScene_dialog___9xoi[data-maximized]{
top:0;
left:0;
transform:none;
width:100%;
height:100%;
border-radius:0}
.ComposerScene_dialogHeader__wblFM{
container:composer-header/inline-size;
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-md);
padding-block:var(--space-md);
padding-inline:var(--inset-padding) var(--space-lg)}
.ComposerScene_separatorLine__8Dg5m{
flex:none;
height:1px;
background-color:var(--color-border-xsubtle)}
.ComposerScene_dialogTitleGroup__zJrht{
display:flex;
align-items:center;
gap:var(--space-sm);
min-width:0}
.ComposerScene_dialogHeaderActions__gat9s{
display:flex;
align-items:center;
gap:var(--space-xs);
flex-shrink:0}
.ComposerScene_buttonLabel__6EznU{
max-width:10ch;
opacity:1;
overflow:hidden;
white-space:nowrap}
.ComposerScene_dialog___9xoi:not([data-maximized])[data-sidepanel-state=closed] .ComposerScene_panelButton__0Fj85{
gap:0;
padding-inline:var(--space-xs)}
.ComposerScene_dialog___9xoi:not([data-maximized])[data-sidepanel-state=closed] .ComposerScene_buttonLabel__6EznU{
max-width:0;
opacity:0}
@container composer-header (width <= 720px){
.ComposerScene_dialogHeader__wblFM .ComposerScene_panelButton__0Fj85{
gap:0;
padding-inline:var(--space-xs)}
.ComposerScene_buttonLabel__6EznU{
max-width:0;
opacity:0}
}
.ComposerScene_panelButton__0Fj85{
color:var(--color-text-subtle);
&[aria-pressed=true]{
background-color:var(--color-bg-brand-subtle);
color:var(--color-text-brand)}
}
.ComposerScene_dialogBody__QgACx{
display:grid;
grid-template-columns:1fr;
flex:1 1;
min-height:0}
.ComposerScene_dialog___9xoi[data-sidepanel-state=open] .ComposerScene_dialogBody__QgACx{
grid-template-columns:1fr var(--composer-sidepanel-width)}
.ComposerScene_editorPane__C1KI_{
display:flex;
flex-direction:column;
gap:var(--space-md);
min-height:0;
padding-inline:var(--inset-padding);
padding-block:var(--space-md)}
.ComposerScene_channelRow__HcWu9{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-xs)}
.ComposerScene_suggestion__UKjG9{
display:inline-flex;
align-items:center;
gap:var(--space-2xs);
padding:var(--space-2xs) var(--space-sm);
border:1px dashed var(--color-border-subtle);
border-radius:var(--border-radius-lg)}
.ComposerScene_suggestionAvatars__AIWVc{
display:inline-flex;
&>*+*{
-webkit-margin-start:calc(var(--space-xs) * -1);
margin-inline-start:calc(var(--space-xs) * -1)}
}
.ComposerScene_editor___FhB3{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
gap:var(--space-sm);
padding:var(--space-sm);
border:1px solid var(--color-border-xsubtle);
border-radius:var(--border-radius-lg)}
.ComposerScene_editorPlaceholder__wqgTS{
display:flex;
align-items:center;
gap:var(--space-2xs);
flex-wrap:wrap}
.ComposerScene_inlineChip__cemae{
display:inline-flex;
align-items:center;
gap:var(--space-3xs);
padding:0 var(--space-2xs);
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-sm);
background:var(--color-bg-surface-raised);
font-size:var(--font-size-body-sm)}
.ComposerScene_dropZone__EYd2B{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--space-3xs);
width:120px;
height:120px;
margin-top:auto;
border:1px dashed var(--color-border-neutral);
border-radius:var(--border-radius-md);
text-align:center}
.ComposerScene_editorToolbar__Ur97b{
display:flex;
align-items:center;
gap:var(--space-2xs)}
.ComposerScene_sidePanel__5NmgZ{
display:flex;
flex-direction:column;
min-width:0;
background-color:var(--color-bg-surface-muted);
-webkit-border-start:1px solid var(--color-border-xsubtle);
border-inline-start:1px solid var(--color-border-xsubtle)}
.ComposerScene_sidePanelHeader__sz_Hk{
display:flex;
align-items:center;
justify-content:flex-start;
gap:var(--space-sm);
min-height:60px;
padding-block:var(--space-md) var(--space-sm);
padding-inline:var(--space-xl)}
.ComposerScene_sidePanelHeading__63U9W{
color:var(--color-text-neutral);
font-family:var(--font-family-body);
font-size:var(--font-size-heading-sm);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-heading);
margin:0}
.ComposerScene_sidePanelBody__zNaKF{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
padding-block:0 var(--space-xl);
padding-inline:var(--space-xl)}
.ComposerScene_previewEmpty___WlNY{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--space-md);
flex:1 1;
min-height:0;
text-align:center}
.ComposerScene_previewSkeleton__Aa8ug{
display:grid;
grid-template-columns:auto 1fr;
align-content:start;
grid-gap:var(--space-2xs) var(--space-xs);
gap:var(--space-2xs) var(--space-xs);
width:168px;
padding:var(--space-sm);
background:var(--color-bg-subtle);
border-radius:var(--border-radius-md)}
.ComposerScene_previewSkeletonAvatar__rM2PD{
grid-row:span 2;
width:var(--size-md);
height:var(--size-md);
border-radius:var(--border-radius-full);
background:var(--color-bg-disabled)}
.ComposerScene_previewSkeletonLine__1isn_{
height:6px;
border-radius:var(--border-radius-full);
background:var(--color-bg-disabled);
&[data-short]{
width:60%}
}
.ComposerScene_previewSkeletonMedia__FO6eA{
grid-column:span 2;
height:96px;
margin-top:var(--space-2xs);
border-radius:var(--border-radius-sm);
background:var(--color-bg-disabled)}
.ComposerScene_dialogFooter__NcUsA{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-sm);
flex-shrink:0;
padding:var(--space-md) var(--inset-padding);
background:var(--color-bg-surface-floating)}
.ComposerScene_footerLeft__lqi8z{
display:flex;
align-items:center;
gap:var(--space-3xs);
min-width:0}
.ComposerScene_checkbox__xkHx5{
width:var(--space-md);
height:var(--space-md);
flex-shrink:0;
-webkit-margin-end:var(--space-2xs);
margin-inline-end:var(--space-2xs);
border:1px solid var(--color-border-neutral);
border-radius:var(--border-radius-sm)}
.ComposerScene_separator__vz4nu{
width:1px;
height:var(--space-md);
margin-inline:var(--space-sm);
background:var(--color-border-subtle)}
.ComposerScene_scheduleGroup__yZsFk{
display:flex;
align-items:center;
flex-shrink:0}
.ComposerScene_scheduleTrigger__KbB7B{
border-color:var(--color-border-subtle);
border-radius:var(--border-radius-lg);
border-start-end-radius:0;
border-end-end-radius:0;
-webkit-margin-end:calc(var(--border-width-default) * -1);
margin-inline-end:calc(var(--border-width-default) * -1);
padding-inline:var(--space-sm) var(--space-xs);
font-size:var(--font-size-body);
line-height:var(--line-height-heading)}
.ComposerScene_scheduleAction__OqbfQ{
border-radius:var(--border-radius-lg);
border-start-start-radius:0;
border-end-start-radius:0;
justify-content:center;
min-width:8rem}
@container product-viewport (width >= 768px){
.ComposerScene_dialog___9xoi[data-maximized]{
--composer-width:80ch}
.ComposerScene_dialog___9xoi[data-maximized] .ComposerScene_editorPane__C1KI_{
margin-inline:auto;
max-width:var(--composer-width);
width:100%}
}
@container product-viewport (width <= 880px){
.ComposerScene_maximizeButton__Qrbs2{
display:none}
}
@container product-viewport (width < 768px){
.ComposerScene_dialogFooter__NcUsA{
align-items:flex-start;
flex-direction:column;
gap:var(--space-xs)}
.ComposerScene_footerLeft__lqi8z{
justify-content:space-between;
width:100%}
.ComposerScene_scheduleGroup__yZsFk{
width:100%}
.ComposerScene_scheduleTrigger__KbB7B{
flex:1 1;
& [data-icon=chevron-down]{
margin-left:auto}
}
}
@container product-viewport (width <= 640px){
.ComposerScene_dialogHeader__wblFM{
flex-wrap:wrap;
-webkit-padding-end:calc(var(--space-lg) + var(--control-size-md) + var(--space-xs));
padding-inline-end:calc(var(--space-lg) + var(--control-size-md) + var(--space-xs));
position:relative;
row-gap:var(--space-sm)}
.ComposerScene_closeButton__96H0M{
inset-block-start:var(--space-md);
inset-inline-end:var(--space-lg);
position:absolute}
.ComposerScene_dialogHeaderActions__gat9s{
-webkit-margin-start:calc(-1 * var(--space-xs));
margin-inline-start:calc(-1 * var(--space-xs))}
}
.SchedulePanel_panel__sldu1{
display:flex;
flex-direction:column;
width:100%;
box-sizing:border-box;
color:var(--color-text-neutral);
font-family:var(--font-family-body);
font-size:var(--font-size-body)}
.SchedulePanel_picker__269JM{
display:flex;
flex-direction:column;
gap:var(--space-md);
padding:var(--space-md)}
.SchedulePanel_monthCaption__aZLO1{
display:flex;
align-items:center;
justify-content:space-between;
height:var(--control-size-md)}
.SchedulePanel_nav__u5a_0{
display:flex;
align-items:center}
.SchedulePanel_grid__mdLfx{
display:grid;
grid-template-columns:repeat(7,1fr);
justify-items:center;
padding-block:var(--space-xs)}
.SchedulePanel_weekday__E7P85{
color:var(--color-text-subtle)}
.SchedulePanel_day__iEeMj,.SchedulePanel_weekday__E7P85{
display:flex;
align-items:center;
justify-content:center;
width:var(--size-xl);
height:var(--size-xl);
font-weight:var(--font-weight-medium)}
.SchedulePanel_day__iEeMj{
border-radius:var(--border-radius-sm)}
.SchedulePanel_day__iEeMj[data-outside]{
color:var(--color-text-subtle);
font-weight:var(--font-weight-regular)}
.SchedulePanel_day__iEeMj[data-disabled]{
color:var(--color-text-disabled)}
.SchedulePanel_day__iEeMj[data-today]{
color:var(--color-bg-brand-xstrong)}
.SchedulePanel_day__iEeMj[data-selected]{
background-color:var(--color-bg-brand);
color:var(--color-text-on-light)}
.SchedulePanel_separator__LJ9sj{
width:100%;
height:1px;
margin:0;
border:0;
background-color:var(--color-border-subtle)}
.SchedulePanel_fields___O_ZE{
display:flex;
flex-direction:column;
gap:var(--space-sm)}
.SchedulePanel_field__N_697{
display:flex;
flex-direction:column;
gap:var(--space-2xs)}
.SchedulePanel_slots__Phx7D{
display:flex;
align-items:center;
gap:var(--space-xs);
overflow:hidden}
.SchedulePanel_slot__WVToe{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2xs);
flex-shrink:0;
height:var(--control-size-md);
padding:var(--space-xs) var(--space-sm);
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-sm);
font-weight:var(--font-weight-medium);
white-space:nowrap}
.SchedulePanel_slot__WVToe[data-selected]{
background-color:var(--color-bg-brand-subtle);
border-color:var(--color-bg-brand-subtle);
color:var(--color-text-brand)}
.SchedulePanel_slotIcon__XbSlv{
color:var(--color-text-subtle)}
.SchedulePanel_timeInput__6c23I{
display:flex;
align-items:center;
gap:var(--space-xs);
min-height:var(--control-size-md);
padding:0 var(--space-xs);
border:1px solid var(--color-border-neutral);
border-radius:var(--border-radius-sm);
background-color:var(--color-bg-xsubtle)}
.SchedulePanel_timeIcon__ODXCS{
flex-shrink:0;
color:var(--color-text-subtle)}
.SchedulePanel_timeValue__1hrqc{
flex:1 1;
min-width:0}
.SchedulePanel_timezone__jKklV{
flex-shrink:0}
.SchedulePanel_footer__Fb5Xf{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-sm);
padding:var(--space-sm)}
.SchedulePanel_backButton__xRSKf{
padding-inline:var(--space-2xs)}
.Tabs_tabs__K_Q3v:has(>.Tabs_tabList__JX_zT){
display:flex;
flex-direction:column;
gap:2px;
width:100%}
.Tabs_tabList__JX_zT{
border-bottom:1px solid var(--color-border-subtle);
display:flex;
flex-shrink:0;
flex-wrap:nowrap;
gap:var(--space-md)}
.Tabs_tab__AfvpU{
all:unset;
align-items:center;
color:var(--color-text-subtle);
cursor:pointer;
display:flex;
font-family:inherit;
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
gap:var(--space-xs);
justify-content:center;
line-height:var(--line-height-body);
padding:var(--space-sm) var(--space-xs);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none}
.Tabs_tab__AfvpU[data-state=active]{
box-shadow:none;
color:var(--color-text-neutral);
font-weight:var(--font-weight-medium);
position:relative}
.Tabs_tab__AfvpU[data-state=active]:after{
background:var(--color-border-brand);
bottom:-1px;
content:"";
height:1px;
left:var(--space-3xs);
position:absolute;
right:var(--space-3xs)}
.Tabs_tab__AfvpU[data-disabled]{
color:var(--color-text-disabled);
cursor:not-allowed}
.Tabs_tab__AfvpU:focus-visible{
border-radius:var(--border-radius-md);
box-shadow:0 0 0 2px var(--color-border-brand-subtle);
outline:none;
position:relative}
.Tabs_tab__AfvpU:hover:not([data-disabled],[data-state=active]){
color:var(--color-text-neutral)}
.Tabs_panel___es99{
flex-grow:1;
padding:var(--space-md)}
.Tabs_panel___es99:focus-visible{
border-radius:var(--border-radius-lg);
outline:2px solid var(--color-border-brand-subtle);
outline-offset:-2px}
.Tabs_small__dK5ea .Tabs_tab__AfvpU{
font-size:var(--font-size-body);
padding:var(--space-xs) var(--space-sm) var(--space-sm) var(--space-sm)}
.social-media-calendar_page__pcc58{
--container-max-inline-size-wide:calc(84.5rem + var(--space-step-3-step-5) * 2)}
.social-media-calendar_page__pcc58 .social-media-calendar_benefitsSection__I75X0{
padding-block:var(--space-step-6)}
.social-media-calendar_page__pcc58 .social-media-calendar_benefitsSection__I75X0 svg{
-webkit-margin-start:-.625rem;
margin-inline-start:-.625rem}
.social-media-calendar_channelsSection__ekNdw{
margin-block:0 var(--space-step-5)}
.social-media-calendar_featureSections__xdR_k{
display:grid;
grid-gap:var(--gutter);
gap:var(--gutter)}
.social-media-calendar_resourcesSection__gURHt{
-webkit-padding-before:var(--space-step-6-step-8);
padding-block-start:var(--space-step-6-step-8)}
.social-media-calendar_resourcesSection__gURHt .text-eyebrow{
color:var(--color-green-900)}
.social-media-calendar_faqSection__3_W7V{
padding-block:var(--space-step-6-step-8) var(--space-step-5-step-7)}
.social-media-calendar_featureShot__2_F_N{
inline-size:724px;
max-inline-size:100%}
.social-media-calendar_windowShot__agt95{
border-radius:0;
box-shadow:none;
overflow:visible}
.social-media-calendar_windowShot__agt95 [data-popcorn-surface]{
border-radius:var(--border-radius-medium);
box-shadow:0 1px 2px rgb(0 0 0/8%),0 18px 40px rgb(0 0 0/16%)}
.social-media-calendar_windowShot__agt95 [data-popcorn-surface]>:first-child{
border-radius:var(--border-radius-medium);
overflow:hidden}
.social-media-calendar_composerShot__4i9KN{
border-radius:0;
box-shadow:none;
overflow:visible}
.social-media-calendar_composerShot__4i9KN [data-popcorn-surface]{
background:transparent}
.SubstackComposerScene_root__RQkg_{
position:relative;
height:100%;
overflow:hidden}
.SubstackComposerScene_dialog__gPuwT{
--composer-width:720px;
--composer-sidepanel-width:380px;
--composer-height:620px;
--inset-padding:var(--space-xl);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
display:flex;
flex-direction:column;
width:calc(var(--composer-width) + var(--composer-sidepanel-width));
height:var(--composer-height);
&[data-previews=closed]{
width:var(--composer-width)}
background:var(--color-bg-surface-floating);
border-radius:var(--border-radius-xl);
box-shadow:var(--shadow-dialog);
overflow:hidden}
.SubstackComposerScene_dialog__gPuwT[data-entrance]{
animation:SubstackComposerScene_dialog-in-fade__kgPj_ var(--motion-duration-lightbox-fade,.25s) var(--motion-easing-lightbox-fade,ease) backwards,SubstackComposerScene_dialog-in-settle__MQLn_ var(--motion-duration-drawer-settle,.5s) var(--motion-easing-drawer-settle,cubic-bezier(.32,.72,0,1)) backwards}
.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_dialogFooter__FVmCo,.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_dialogHeader__emPD_,.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_editorPane__n4Hf_,.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_sidePanel__6tIh_{
animation:SubstackComposerScene_pane-in__M1hC7 var(--motion-duration-drawer-settle,.5s) var(--motion-easing-drawer-settle,cubic-bezier(.32,.72,0,1)) backwards}
.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_dialogHeader__emPD_{
animation-delay:60ms}
.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_editorPane__n4Hf_{
animation-delay:.12s}
.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_sidePanel__6tIh_{
animation-delay:.18s}
.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_dialogFooter__FVmCo{
animation-delay:.22s}
.SubstackComposerScene_dialog__gPuwT[data-exit]{
animation:SubstackComposerScene_dialog-out__YGrtb var(--motion-duration-dialog-exit,.15s) var(--motion-easing-dialog-exit,ease-in) forwards}
@keyframes SubstackComposerScene_dialog-in-fade__kgPj_{
0%{
opacity:0}
}
@keyframes SubstackComposerScene_dialog-in-settle__MQLn_{
0%{
scale:.94;
translate:0 28px}
}
@keyframes SubstackComposerScene_pane-in__M1hC7{
0%{
opacity:0;
translate:0 10px}
}
@keyframes SubstackComposerScene_dialog-out__YGrtb{
to{
opacity:0;
scale:.97;
translate:0 8px}
}
.SubstackComposerScene_dialogHeader__emPD_{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-md);
padding-block:var(--space-md);
padding-inline:var(--inset-padding) var(--space-lg)}
.SubstackComposerScene_dialogTitleGroup__YCF7W{
display:flex;
align-items:center;
gap:var(--space-sm);
min-width:0}
.SubstackComposerScene_dialogHeaderActions__BigQF{
display:flex;
align-items:center;
gap:var(--space-xs);
flex-shrink:0}
.SubstackComposerScene_panelButton__o7fjr{
color:var(--color-text-subtle);
&[aria-pressed=true]{
background-color:var(--color-bg-brand-subtle);
color:var(--color-text-brand)}
}
.SubstackComposerScene_dialogBody__0H3Sg{
display:grid;
grid-template-columns:1fr var(--composer-sidepanel-width);
flex:1 1;
min-height:0}
[data-previews=closed] .SubstackComposerScene_dialogBody__0H3Sg{
grid-template-columns:1fr}
.SubstackComposerScene_editorPane__n4Hf_{
display:flex;
flex-direction:column;
gap:var(--space-md);
min-height:0;
padding-inline:var(--inset-padding);
-webkit-padding-after:var(--space-md);
padding-block-end:var(--space-md)}
.SubstackComposerScene_channelRow__MmmVD{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-md)}
.SubstackComposerScene_channelPick__9vMoa{
position:relative;
display:inline-flex}
.SubstackComposerScene_channelRemove__MCxXY{
position:absolute;
top:-10px;
right:-11px;
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--size-sm);
height:var(--size-sm);
border:1px solid var(--color-border-subtle);
border-radius:var(--border-radius-full);
background-color:var(--color-bg-surface-floating);
color:var(--color-text-subtle);
opacity:0}
.SubstackComposerScene_channelPick__9vMoa:hover .SubstackComposerScene_channelRemove__MCxXY{
opacity:1}
.SubstackComposerScene_channelSection__jPP6F{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
gap:var(--space-sm);
border:1px solid var(--color-border-xsubtle);
border-radius:var(--border-radius-lg);
background-color:var(--color-bg-surface-floating)}
.SubstackComposerScene_channelSectionInner__aQSho{
display:flex;
flex:1 1;
min-height:0;
gap:var(--space-sm);
padding-inline:var(--space-sm);
padding-block:var(--space-sm)}
.SubstackComposerScene_channelMark__CpOQq{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:24px;
height:24px;
border-radius:var(--border-radius-sm);
background-color:var(--global-color-channels-substack);
color:var(--color-text-on-dark)}
.SubstackComposerScene_channelContent__NAzEv{
display:flex;
flex-direction:column;
gap:var(--space-md);
width:100%;
min-width:0}
.SubstackComposerScene_editor__Q7HLH{
min-height:4.5em}
.SubstackComposerScene_editorText__oYru8{
white-space:pre-wrap;
overflow-wrap:anywhere}
.SubstackComposerScene_channelContent__NAzEv .SubstackComposerScene_placeholder___1Je6{
color:var(--color-text-disabled)}
.SubstackComposerScene_caret__KfOI4{
display:inline-block;
width:1px;
height:1.1em;
margin-inline:1px;
vertical-align:text-bottom;
background-color:var(--color-text-neutral);
animation:SubstackComposerScene_caret-blink___ZjUT var(--motion-duration-loader-pulse,1s) steps(1) infinite}
@keyframes SubstackComposerScene_caret-blink___ZjUT{
50%{
opacity:0}
}
.SubstackComposerScene_media__G2h5Z{
display:flex;
align-items:flex-end;
gap:var(--space-sm);
margin-top:auto}
.SubstackComposerScene_mediaItem__40VSJ{
position:relative;
display:inline-flex;
width:96px;
height:108px;
& img{
width:100%;
height:100%;
border-radius:var(--border-radius-sm);
object-fit:cover}
}
.SubstackComposerScene_mediaRemove__rse_C{
position:absolute;
top:var(--space-2xs);
right:var(--space-2xs);
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--size-sm);
height:var(--size-sm);
border-radius:var(--border-radius-full);
background-color:var(--color-bg-overlay);
color:var(--color-text-on-dark)}
.SubstackComposerScene_integrationsBar__w7cer{
display:flex;
align-items:center;
gap:var(--space-2xs)}
.SubstackComposerScene_barTrailing___sJKg{
display:inline-flex;
align-items:center;
gap:var(--space-xs);
margin-left:auto}
.SubstackComposerScene_characterCount___8mrl{
padding:2px 4px;
border:1px solid var(--color-border-subtle);
border-radius:4px;
color:var(--color-text-disabled);
font-size:12px;
font-feature-settings:"tnum";
font-variant-numeric:tabular-nums;
line-height:12px}
.SubstackComposerScene_startThreadButton__hPsAz{
color:var(--color-text-brand);
& [data-icon]{
color:var(--color-text-brand)}
}
.SubstackComposerScene_sidePanel__6tIh_{
display:flex;
flex-direction:column;
min-width:0;
background-color:var(--color-bg-surface-muted);
-webkit-border-start:1px solid var(--color-border-xsubtle);
border-inline-start:1px solid var(--color-border-xsubtle)}
.SubstackComposerScene_sidePanelHeader__dzr3q{
display:flex;
align-items:center;
justify-content:flex-start;
gap:var(--space-sm);
min-height:60px;
padding-block:var(--space-md) var(--space-sm);
padding-inline:var(--space-xl)}
.SubstackComposerScene_sidePanelHeading__HVfmb{
color:var(--color-text-neutral);
font-family:var(--font-family-body);
font-size:var(--font-size-heading-sm);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-heading);
margin:0}
.SubstackComposerScene_sidePanelBody__6jdqC{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
padding-block:0 var(--space-xl);
padding-inline:var(--space-xl)}
.SubstackComposerScene_preview__wMiPg{
display:flex;
flex-direction:column;
gap:var(--space-sm);
flex:1 1;
min-height:0;
padding:var(--space-md);
border:1px solid var(--color-border-xsubtle);
border-radius:var(--border-radius-lg);
background-color:var(--color-bg-surface-floating);
overflow:hidden}
.SubstackComposerScene_previewByline__kASn7{
display:flex;
align-items:center;
gap:var(--space-xs)}
.SubstackComposerScene_previewAvatar__ql_Zb{
position:relative;
display:inline-flex;
flex-shrink:0;
width:var(--size-lg);
height:var(--size-lg);
& img{
width:100%;
height:100%;
border-radius:var(--border-radius-sm);
object-fit:cover}
}
.SubstackComposerScene_previewAvatarBadge__KsxrY{
position:absolute;
right:-4px;
bottom:-4px;
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
border:2px solid var(--color-bg-surface-floating);
border-radius:var(--border-radius-full);
background-color:var(--global-color-channels-substack);
color:var(--color-text-on-dark)}
.SubstackComposerScene_previewName__v64jE{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.SubstackComposerScene_previewMore__b_wLq{
flex-shrink:0;
margin-left:auto}
.SubstackComposerScene_previewMedia__Y1TBT{
display:flex;
gap:var(--space-xs);
flex:1 1;
min-height:0;
-webkit-margin-end:calc(var(--space-md) * -2);
margin-inline-end:calc(var(--space-md) * -2);
& img{
width:136px;
height:100%;
border-radius:var(--border-radius-md);
object-fit:cover}
}
.SubstackComposerScene_previewText__XzW_4{
white-space:pre-wrap;
overflow-wrap:anywhere}
.SubstackComposerScene_mediaItem__40VSJ,.SubstackComposerScene_previewMedia__Y1TBT img{
transition:opacity .28s ease-out,scale .52s cubic-bezier(.16,1,.3,1),translate .52s cubic-bezier(.16,1,.3,1);
&:not([data-attached]){
opacity:0;
scale:.92;
translate:0 10px}
}
.SubstackComposerScene_previewActions__fU2CA{
display:flex;
align-items:center;
gap:var(--space-lg)}
@media (prefers-reduced-motion:reduce){
.SubstackComposerScene_caret__KfOI4,.SubstackComposerScene_dialog__gPuwT[data-entrance],.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_dialogFooter__FVmCo,.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_dialogHeader__emPD_,.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_editorPane__n4Hf_,.SubstackComposerScene_dialog__gPuwT[data-entrance] .SubstackComposerScene_sidePanel__6tIh_,.SubstackComposerScene_dialog__gPuwT[data-exit],.SubstackComposerScene_mediaItem__40VSJ,.SubstackComposerScene_previewMedia__Y1TBT img{
animation:none}
.SubstackComposerScene_mediaItem__40VSJ,.SubstackComposerScene_previewMedia__Y1TBT img{
transition:none}
}
.SubstackComposerScene_dialogFooter__FVmCo{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-sm);
flex-shrink:0;
padding:var(--space-md) var(--inset-padding);
background:var(--color-bg-surface-floating)}
.SubstackComposerScene_footerLeft__1w4Lx{
display:flex;
align-items:center;
gap:var(--space-3xs);
min-width:0}
.SubstackComposerScene_checkbox___hsZu{
width:var(--space-md);
height:var(--space-md);
flex-shrink:0;
-webkit-margin-end:var(--space-2xs);
margin-inline-end:var(--space-2xs);
border:1px solid var(--color-border-neutral);
border-radius:var(--border-radius-sm)}
.SubstackComposerScene_separator__0EPqL{
width:1px;
height:var(--space-md);
margin-inline:var(--space-sm);
background:var(--color-border-subtle)}
.SubstackComposerScene_scheduleGroup__uYvEd{
display:flex;
align-items:center;
flex-shrink:0}
.SubstackComposerScene_scheduleTrigger__i70ik{
border-color:var(--color-border-subtle);
border-radius:var(--border-radius-lg);
border-start-end-radius:0;
border-end-end-radius:0;
-webkit-margin-end:calc(var(--border-width-default) * -1);
margin-inline-end:calc(var(--border-width-default) * -1);
padding-inline:var(--space-sm) var(--space-xs);
font-size:var(--font-size-body);
line-height:var(--line-height-heading)}
.SubstackComposerScene_scheduleAction__07P9u{
border-radius:var(--border-radius-lg);
border-start-start-radius:0;
border-end-start-radius:0;
justify-content:center;
min-width:8rem}
.SubstackPhoneScene_root__nxOfD{
position:relative;
height:100%}
.SubstackPhoneScene_phone__TJ8xw{
--phone-width:330px;
--phone-height:718px;
--substack:#ff6719;
--ink:#363737;
--ink-subtle:#585a5d;
position:absolute;
top:calc(50% - var(--phone-height) / 2);
left:calc(var(--phone-x, 50%) - var(--phone-width) / 2);
width:var(--phone-width);
height:var(--phone-height);
padding:5px;
border-radius:34px;
background:#121212;
box-shadow:-11px 11px 0 -2px #d9d9d6,0 0 1px 1px rgb(24 24 24/5%),0 4px 8px -4px rgb(24 24 24/10%),0 28px 40px -8px rgb(24 24 24/18%);
rotate:-9.55deg;
scale:var(--phone-scale,1);
font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;
color:var(--ink)}
.SubstackPhoneScene_phone__TJ8xw[data-entrance]{
animation:SubstackPhoneScene_phone-in-fade__wj7JS var(--motion-duration-lightbox-fade,.25s) var(--motion-easing-lightbox-fade,ease) backwards,SubstackPhoneScene_phone-in-settle__Pypvy .7s var(--motion-easing-drawer-settle,cubic-bezier(.32,.72,0,1)) backwards}
.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_note__gZeqE,.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_replyField__F_PUy,.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_reply__GUz4H,.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_tabBar__Glllh{
animation:SubstackPhoneScene_screen-in__Nhulk var(--motion-duration-drawer-settle,.5s) var(--motion-easing-drawer-settle,cubic-bezier(.32,.72,0,1)) backwards}
.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_note__gZeqE{
animation-delay:.18s}
.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_reply__GUz4H{
animation-delay:.26s}
.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_replyField__F_PUy,.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_tabBar__Glllh{
animation-delay:.32s}
.SubstackPhoneScene_phone__TJ8xw[data-exit]{
animation:SubstackPhoneScene_phone-out__t7x4C .26s var(--motion-easing-dialog-exit,ease-in) forwards}
@keyframes SubstackPhoneScene_phone-in-fade__wj7JS{
0%{
opacity:0}
}
@keyframes SubstackPhoneScene_phone-in-settle__Pypvy{
0%{
translate:0 90px;
rotate:-2deg;
scale:calc(var(--phone-scale, 1) * .94)}
}
@keyframes SubstackPhoneScene_screen-in__Nhulk{
0%{
opacity:0;
translate:0 12px}
}
@keyframes SubstackPhoneScene_phone-out__t7x4C{
to{
opacity:0;
translate:0 40px;
scale:calc(var(--phone-scale, 1) * .97)}
}
@media (prefers-reduced-motion:reduce){
.SubstackPhoneScene_phone__TJ8xw[data-entrance],.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_note__gZeqE,.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_replyField__F_PUy,.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_reply__GUz4H,.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_tabBar__Glllh,.SubstackPhoneScene_phone__TJ8xw[data-exit]{
animation:none}
}
.SubstackPhoneScene_screen__54GvN{
position:relative;
display:flex;
flex-direction:column;
height:100%;
padding-inline:16px;
border-radius:29px;
background:#fff;
overflow:hidden;
& svg{
flex-shrink:0}
}
.SubstackPhoneScene_statusBar__AT2u2{
display:flex;
align-items:center;
justify-content:space-between;
flex-shrink:0;
height:44px;
padding-inline:14px 10px;
color:#000}
.SubstackPhoneScene_clock__BPltl{
display:inline-flex;
align-items:center;
gap:3px;
font-size:15px;
font-weight:600;
letter-spacing:-.01em}
.SubstackPhoneScene_clockIcon__0_bJT{
width:13px;
height:13px;
fill:currentColor}
.SubstackPhoneScene_statusIcons__fePpT{
display:inline-flex}
.SubstackPhoneScene_pageHeader__bhq_L{
position:relative;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
height:50px}
.SubstackPhoneScene_backButton__yxnvz{
position:absolute;
inset-inline-start:-4px;
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:50%;
background:#fff;
box-shadow:0 2px 10px rgb(0 0 0/8%);
& svg{
width:18px;
height:18px}
}
.SubstackPhoneScene_pageTitle__xtTAz{
font-size:13px;
font-weight:600}
.SubstackPhoneScene_note__gZeqE{
display:flex;
flex-direction:column;
gap:10px;
-webkit-padding-before:10px;
padding-block-start:10px}
.SubstackPhoneScene_byline__FDPYR{
display:flex;
align-items:center;
gap:10px}
.SubstackPhoneScene_avatar__dx_be,.SubstackPhoneScene_replyAvatar__GEYer{
flex-shrink:0;
width:38px;
height:38px;
border-radius:50%;
object-fit:cover}
.SubstackPhoneScene_bylineText___ddtV{
display:flex;
flex-direction:column;
gap:3px;
min-width:0}
.SubstackPhoneScene_name__k_2tk{
font-size:13px;
font-weight:600;
line-height:1.1;
color:#101318}
.SubstackPhoneScene_meta__PbHm4{
font-size:10.5px;
line-height:1.3;
color:var(--ink-subtle);
white-space:nowrap}
.SubstackPhoneScene_subscribe__bL_qe{
color:var(--substack)}
.SubstackPhoneScene_text__ZXK1P{
margin:0;
font-size:13.5px;
line-height:1.5}
.SubstackPhoneScene_media__OLa3e{
display:flex;
gap:10px;
-webkit-margin-end:-16px;
margin-inline-end:-16px;
overflow:hidden;
& img{
flex-shrink:0;
width:216px;
height:236px;
border-radius:10px;
object-fit:cover}
}
.SubstackPhoneScene_actions__eGMuW{
display:flex;
gap:24px;
padding-block:4px;
color:var(--ink-subtle);
& svg{
width:19px;
height:19px;
stroke-width:1.75}
}
.SubstackPhoneScene_likeIcon__1vR2b{
.SubstackPhoneScene_phone__TJ8xw[data-entrance] &{
animation:SubstackPhoneScene_like__NL3Zz .48s cubic-bezier(.34,1.56,.64,1) .9s both}
}
@keyframes SubstackPhoneScene_like__NL3Zz{
40%{
scale:1.3}
to{
color:var(--substack);
fill:var(--substack)}
}
@media (prefers-reduced-motion:reduce){
.SubstackPhoneScene_phone__TJ8xw[data-entrance] .SubstackPhoneScene_likeIcon__1vR2b{
animation:none}
}
.SubstackPhoneScene_counts___naSv{
margin:0;
padding-block:10px;
border-block:1px solid #ececec;
font-size:10.5px;
color:var(--ink-subtle);
word-spacing:.1em}
.SubstackPhoneScene_reply__GUz4H{
display:flex;
align-items:center;
gap:10px;
-webkit-padding-before:14px;
padding-block-start:14px;
& .SubstackPhoneScene_replyAvatar__GEYer{
width:32px;
height:32px}
& .SubstackPhoneScene_name__k_2tk{
font-size:12px}
}
.SubstackPhoneScene_replyMore__gGJmf{
width:16px;
height:16px;
-webkit-margin-start:auto;
margin-inline-start:auto;
color:var(--ink-subtle)}
.SubstackPhoneScene_replyField__F_PUy,.SubstackPhoneScene_tabBar__Glllh{
position:absolute;
inset-inline:10px;
border-radius:999px;
background:rgb(255 255 255/92%);
box-shadow:0 0 0 1px rgb(0 0 0/4%),0 6px 18px rgb(0 0 0/10%);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px)}
.SubstackPhoneScene_replyField__F_PUy{
bottom:70px;
display:flex;
align-items:center;
gap:14px;
height:46px;
padding-inline:8px 16px;
color:var(--ink);
& svg{
width:17px;
height:17px}
}
.SubstackPhoneScene_replyFieldAvatar__4a0Wi{
flex-shrink:0;
width:32px;
height:32px;
border-radius:50%;
background:conic-gradient(from 200deg,#e8744a 0 62%,#2f7d6d 62% 74%,#f2c14e 74% 86%,#e8744a 86%)}
.SubstackPhoneScene_replyFieldPlaceholder__pW5JF{
flex:1 1;
font-size:12px;
color:#9a9a9a}
.SubstackPhoneScene_tabBar__Glllh{
bottom:12px;
display:flex;
justify-content:space-between;
height:52px;
padding:4px}
.SubstackPhoneScene_tab__um_gT{
display:flex;
flex:1 1;
flex-direction:column;
align-items:center;
justify-content:center;
gap:3px;
border-radius:999px;
font-size:8.5px;
font-weight:500;
color:#111;
& svg{
width:17px;
height:17px;
stroke-width:1.75}
&[data-active]{
background:#f0f0ee}
}
.substack_page__7VLfC{
--container-max-inline-size-wide:calc(84.5rem + var(--space-step-3-step-5) * 2)}
.substack_page__7VLfC .substack_masthead__zNwlm{
background-color:var(--color-neutral-100)}
.substack_page__7VLfC .substack_channelsSection__a3i_l{
background-color:var(--color-neutral-200)}
.substack_page__7VLfC .substack_masthead__zNwlm>div>div>:first-child{
background-color:transparent}
.substack_masthead__zNwlm .substack_eyebrowMark__Kade8{
display:inline-flex;
align-items:center;
justify-content:center;
inline-size:1.875rem;
block-size:1.875rem;
-webkit-margin-end:var(--space-step-1);
margin-inline-end:var(--space-step-1);
border-radius:var(--border-radius-small);
background-color:var(--color-substack,hsl(20 100% 55%));
color:var(--color-white);
vertical-align:middle}
.substack_masthead__zNwlm .substack_eyebrowMark__Kade8 svg{
inline-size:1rem;
block-size:1rem}
.substack_masthead__zNwlm .substack_headingPhrase___ki6X{
text-wrap:nowrap}
.substack_feedsStage__AzSfL,.substack_insightsStage__oBsH7,.substack_mastheadStage__48xVT,.substack_schedulingPanel__vC_p4{
inline-size:100%;
border-radius:var(--border-radius-medium);
background-color:var(--panel-color);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.42'/%3E%3C/svg%3E");
overflow:hidden}
.substack_mastheadStage__48xVT{
--panel-color:#ffc59d;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='1 1'/%3E%3CfeFuncG type='discrete' tableValues='0.747 0.802'/%3E%3CfeFuncB type='discrete' tableValues='0.569 0.662'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--overhang:5.3%;
max-inline-size:41.875rem;
-webkit-margin-start:auto;
margin-inline-start:auto;
padding-block:7.9%;
overflow:visible}
.substack_page__7VLfC .substack_masthead__zNwlm :has(>.substack_mastheadStage__48xVT){
overflow:visible}
.substack_feedsStage__AzSfL,.substack_insightsStage__oBsH7{
--panel-color:var(--color-blue-200);
--overhang:5.3%;
padding-block:7.9%;
overflow:visible}
.substack_feedsStage__AzSfL{
--panel-color:var(--color-purple-200);
--overhang:4.1%}
.substack_page__7VLfC :has(>[data-theme]>.substack_bareShot__RGSPd>:is(.substack_insightsStage__oBsH7,.substack_feedsStage__AzSfL)),.substack_page__7VLfC [data-theme]:has(>.substack_bareShot__RGSPd>:is(.substack_insightsStage__oBsH7,.substack_feedsStage__AzSfL)){
overflow:visible}
.substack_page__7VLfC [data-theme]:has(>.substack_bareShot__RGSPd>:is(.substack_insightsStage__oBsH7,.substack_feedsStage__AzSfL)){
display:block;
inline-size:100%}
.substack_page__7VLfC .substack_bareShot__RGSPd:has(>:is(.substack_insightsStage__oBsH7,.substack_feedsStage__AzSfL)){
inline-size:100%}
.substack_page__7VLfC .substack_overhangShot__rVgFp{
inline-size:calc(100% + var(--overhang) * 2);
margin-inline:calc(var(--overhang) * -1);
border-radius:var(--border-radius-medium);
box-shadow:0 1px 2px rgb(0 0 0/8%),0 18px 40px rgb(0 0 0/16%);
overflow:hidden}
.substack_page__7VLfC .substack_overhangShot__rVgFp [data-popcorn-surface]{
border-radius:0;
box-shadow:none}
.substack_feedsMenuPin___ysPY{
scale:1.585;
transform-origin:top left}
.substack_mastheadFrame__WXy6V{
inline-size:100%;
border-radius:0;
box-shadow:none;
overflow:visible}
.substack_mastheadStage__48xVT{
--phone-x:47%}
.substack_page__7VLfC .substack_mastheadFrame__WXy6V{
inline-size:calc(100% + var(--overhang) * 2);
margin-inline:calc(var(--overhang) * -1)}
@media (min-width:64em){
.substack_page__7VLfC .substack_masthead__zNwlm>div>div{
column-gap:var(--space-step-4)}
}
.substack_mastheadFrame__WXy6V [data-popcorn-surface]{
background:transparent}
.substack_featureSections__h8N5e{
display:grid;
grid-gap:var(--gutter);
gap:var(--gutter)}
.substack_insightsSection__sv7qw{
padding-block:var(--space-step-7)}
@media (min-width:64rem){
.substack_page__7VLfC .substack_insightsSection__sv7qw[data-content-position]>div>div>:first-child{
-webkit-padding-start:24%;
padding-inline-start:24%}
}
.substack_page__7VLfC .substack_feedsSection__Ea6UA[data-content-position]>div>div>:first-child{
max-inline-size:27.375rem}
.substack_channelsSection__a3i_l{
margin-block:calc(var(--space-step-5) * 2) var(--space-step-5)}
.substack_integrationsSection__TYVNB[data-theme]{
background-color:var(--color-brand-dark);
padding-block:var(--space-step-5-step-7)}
.substack_integrationsSection__TYVNB[data-theme] .max-inline-size-container-wide>*{
border-radius:0;
background-color:transparent;
padding:0}
.substack_integrationsSection__TYVNB [data-theme]{
max-inline-size:100%}
.substack_integrationsSection__TYVNB[data-theme] .max-inline-size-container-wide>*>:first-child{
max-inline-size:34.8125rem}
@media (min-width:64rem){
.substack_page__7VLfC .substack_integrationsSection__TYVNB[data-theme] .max-inline-size-container-wide>*>:first-child{
justify-self:end;
-webkit-padding-start:0;
padding-inline-start:0}
}
.substack_integrationsShot__iD9Jw{
inline-size:45.25rem;
max-inline-size:100%;
aspect-ratio:724/600;
display:flex;
align-items:flex-end;
overflow:hidden}
.substack_integrationsShot__iD9Jw img{
inline-size:100%;
block-size:auto;
object-fit:contain}
.substack_testimonialSection__CFoW_{
padding-block:var(--space-step-5-step-7) var(--space-step-4-step-6)}
.substack_resourcesSection__7L9Y9{
-webkit-padding-before:var(--space-step-2-step-4);
padding-block-start:var(--space-step-2-step-4)}
.substack_faqSection__JGf3n{
padding-block:var(--space-step-6-step-8) var(--space-step-5-step-7)}
.substack_schedulingSection__maYkW p{
max-inline-size:none}
.substack_schedulingFeatures__YKFEZ{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--space-step-1) var(--space-step-4);
margin:0 auto var(--space-step-4);
padding-inline:var(--space-step-3-step-5);
list-style:none;
max-inline-size:70rem}
.substack_schedulingFeature__VDYIr{
display:flex;
align-items:flex-start;
gap:var(--space-step-0);
font-size:var(--font-size-step--1);
text-align:start;
max-inline-size:24rem}
.substack_schedulingCheck__IUxDh{
flex:none;
inline-size:1.125rem;
block-size:1.125rem;
color:var(--color-green-700)}
.substack_schedulingStage__NCroe{
display:grid;
inline-size:100%;
-webkit-padding-after:3.6%;
padding-block-end:3.6%}
.substack_schedulingPanel__vC_p4,.substack_schedulingWindow__IxPa8{
grid-area:1/1}
.substack_schedulingPanel__vC_p4{
--panel-color:var(--color-green-200);
margin-block:7.1% -3.6%}
.substack_schedulingWindow__IxPa8{
position:relative;
justify-self:center;
inline-size:72.5%}
.substack_schedulingShot__TXWgT{
box-shadow:0 0 1.5px 1.5px rgb(51 31 0/9%),0 6px 12px -6px rgb(46 28 0/12%),0 25px 37px -12px rgb(46 28 0/12%)}
.substack_schedulingShot__TXWgT :has(>table[data-view]){
overflow:hidden}
@media (max-width:64rem){
.substack_schedulingWindow__IxPa8{
inline-size:100%}
}
.substack_page__7VLfC [data-theme=light] .text-eyebrow,.substack_page__7VLfC [data-theme=neutral] .text-eyebrow{
color:var(--color-green-700)}
.substack_caseStudyLink__tg8cE{
display:inline-flex;
align-items:center;
gap:var(--space-step-0);
font-size:var(--font-size-step-0);
font-style:italic;
text-decoration:underline}
.substack_caseStudyLink__tg8cE svg{
flex:none;
inline-size:1.5rem;
block-size:1.5rem}
.substack_portrait__g4Ov1{
position:relative;
inline-size:100%;
aspect-ratio:344/383;
border-radius:var(--border-radius-medium);
overflow:hidden}
.substack_portraitPanel__dPB5r{
position:absolute;
inset:0;
background-color:var(--theme-color-300)}
.substack_portraitPhoto__iVJTv{
position:relative;
display:block;
inline-size:100%;
block-size:100%;
object-fit:cover}
.substack_slotPlaceholder__quy3a{
display:flex;
align-items:center;
justify-content:center;
padding:var(--space-step-3);
border-radius:var(--border-radius-medium);
background-color:var(--color-white);
box-shadow:0 1px 2px rgb(0 0 0/8%),0 18px 40px rgb(0 0 0/16%);
color:var(--color-neutral-600);
font-size:var(--font-size-step--1);
text-align:center;
text-wrap:balance}
.substack_page__7VLfC [data-theme]:has(>.substack_bareShot__RGSPd),.substack_page__7VLfC [data-theme]:has(>.substack_featureShot__Wf1lV>.substack_slotPlaceholder__quy3a){
background-color:transparent;
overflow:visible}
.substack_featureShot__Wf1lV{
inline-size:724px;
max-inline-size:100%}
.substack_featureShot__Wf1lV .substack_slotPlaceholder__quy3a{
block-size:600px;
max-block-size:60vh}
.substack_windowShot__sTFdb{
border-radius:0;
box-shadow:none;
overflow:visible}
.substack_windowShot__sTFdb [data-popcorn-surface]{
border-radius:var(--border-radius-medium);
box-shadow:0 1px 2px rgb(0 0 0/8%),0 18px 40px rgb(0 0 0/16%)}
.substack_windowShot__sTFdb [data-popcorn-surface]>:first-child{
border-radius:var(--border-radius-medium);
overflow:hidden}
@media (max-width:40rem){
.substack_feedsStage__AzSfL,.substack_insightsStage__oBsH7,.substack_mastheadStage__48xVT{
overflow:hidden}
.substack_mastheadStage__48xVT{
--crop-zoom:1.5;
--crop-offset:0%;
--phone-x:38%;
padding:12.1% 0 8.7% 7.3%}
.substack_page__7VLfC .substack_mastheadFrame__WXy6V{
inline-size:calc(var(--crop-zoom) * 100%);
margin-inline:var(--crop-offset) 0}
.substack_feedsStage__AzSfL,.substack_insightsStage__oBsH7{
--crop-zoom:1.9;
--crop-offset:6%;
aspect-ratio:5/6;
padding-block:6% 0}
.substack_feedsStage__AzSfL{
--crop-offset:-94%}
.substack_page__7VLfC .substack_overhangShot__rVgFp{
inline-size:calc(var(--crop-zoom) * 100%);
margin-inline:var(--crop-offset) 0}
.substack_schedulingStage__NCroe{
padding-block:6%;
border-radius:var(--border-radius-medium);
overflow:hidden}
.substack_schedulingPanel__vC_p4{
margin-block:-6%}
.substack_schedulingWindow__IxPa8{
justify-self:start;
inline-size:calc(var(--crop-zoom) * 100%);
-webkit-margin-start:var(--crop-offset);
margin-inline-start:var(--crop-offset)}
}
.SubstackMasthead_schedulePin__jlQQH{
transform-origin:80% 100%;
animation:SubstackMasthead_schedule-pin-in__bAgVd var(--motion-duration-overlay-enter,.2s) var(--motion-easing-overlay-enter,cubic-bezier(.16,1,.3,1)) backwards}
@keyframes SubstackMasthead_schedule-pin-in__bAgVd{
0%{
opacity:0;
scale:.92;
translate:0 12px}
}
.SubstackMasthead_schedulePinExit__muK5f{
transform-origin:80% 100%;
animation:SubstackMasthead_schedule-pin-out___yu4I var(--motion-duration-dialog-exit,.15s) var(--motion-easing-dialog-exit,ease-in) forwards}
@keyframes SubstackMasthead_schedule-pin-out___yu4I{
to{
opacity:0;
scale:.96;
translate:0 8px}
}
@media (max-width:40rem){
.SubstackMasthead_schedulePinExit__muK5f,.SubstackMasthead_schedulePin__jlQQH{
-webkit-margin-start:-320px;
margin-inline-start:-320px}
}
@media (prefers-reduced-motion:reduce){
.SubstackMasthead_schedulePinExit__muK5f,.SubstackMasthead_schedulePin__jlQQH{
animation:none}
}

.pl-crosspost-composer-scene-root{
position:relative;
height:100%;
overflow:hidden}
.pl-crosspost-composer-scene-dialog{
--composer-width:720px;
--composer-sidepanel-width:380px;
--inset-padding:var(--space-xl);
display:flex;
flex-direction:column;
width:100%;
height:100%;
background:var(--color-bg-surface-floating);
border-radius:var(--border-radius-xl);
overflow:hidden}
.pl-crosspost-composer-scene-dialog-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-md);
padding-block:var(--space-md);
padding-inline:var(--space-lg);
border-bottom:1px solid var(--color-border-xsubtle)}
.pl-crosspost-composer-scene-dialog-title-group{
display:flex;
align-items:center;
gap:var(--space-sm);
min-width:0}
.pl-crosspost-composer-scene-dialog-header-actions{
display:flex;
align-items:center;
gap:var(--space-xs);
flex-shrink:0}
.pl-crosspost-composer-scene-panel-button{
color:var(--color-text-subtle);
&[aria-pressed=true]{
background-color:var(--color-bg-brand-subtle);
color:var(--color-text-brand)}
}
.pl-crosspost-composer-scene-dialog-body{
display:grid;
grid-template-columns:1fr var(--composer-sidepanel-width);
flex:1 1;
min-height:0}
.pl-crosspost-composer-scene-editor-pane{
display:flex;
flex-direction:column;
gap:var(--space-sm);
min-height:0;
padding:var(--space-md) var(--inset-padding);
overflow:hidden}
.pl-crosspost-composer-scene-channel-row{
display:flex;
align-items:center;
gap:var(--space-sm);
-webkit-margin-after:var(--space-xs);
margin-block-end:var(--space-xs)}
.pl-crosspost-composer-scene-channel-mark{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:24px;
height:24px;
border-radius:var(--border-radius-sm);
color:var(--color-text-on-dark);
&[data-channel=facebook]{
background-color:var(--global-color-channels-facebook)}
&[data-channel=threads]{
background-color:var(--global-color-channels-threads)}
&[data-channel=instagram]{
background-color:var(--global-color-channels-instagram)}
}
.pl-crosspost-composer-scene-collapsed{
display:flex;
align-items:center;
gap:var(--space-sm);
padding:var(--space-xs) var(--space-sm);
border:1px solid var(--color-border-xsubtle);
border-radius:var(--border-radius-lg)}
.pl-crosspost-composer-scene-collapsed-text{
flex:1 1;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--color-text-subtle)}
.pl-crosspost-composer-scene-collapsed-thumb{
flex-shrink:0;
width:30px;
height:30px;
border-radius:var(--border-radius-sm);
object-fit:cover}
.pl-crosspost-composer-scene-expanded{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
gap:var(--space-sm);
padding:var(--space-sm);
border:1px solid var(--color-border-xsubtle);
border-radius:var(--border-radius-lg)}
.pl-crosspost-composer-scene-expanded-top,.pl-crosspost-composer-scene-post-types{
display:flex;
align-items:center;
gap:var(--space-md)}
.pl-crosspost-composer-scene-post-type{
display:inline-flex;
align-items:center;
gap:var(--space-2xs);
color:var(--color-text-neutral);
font-size:var(--font-size-body);
&[data-disabled]{
color:var(--color-text-disabled)}
}
.pl-crosspost-composer-scene-radio{
width:14px;
height:14px;
border:1px solid var(--color-border-neutral);
border-radius:var(--border-radius-full);
[data-disabled]>&{
border-color:var(--color-border-disabled)}
[data-checked]>&{
border:4px solid var(--color-text-brand)}
}
.pl-crosspost-composer-scene-expanded-body{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
gap:var(--space-sm);
-webkit-padding-start:calc(24px + var(--space-sm));
padding-inline-start:calc(24px + var(--space-sm))}
.pl-crosspost-composer-scene-editor-text{
min-height:3.5em;
white-space:pre-wrap;
overflow-wrap:anywhere}
.pl-crosspost-composer-scene-media{
display:flex;
gap:var(--space-xs);
margin-top:auto}
.pl-crosspost-composer-scene-media-item{
width:88px;
height:88px;
border-radius:var(--border-radius-sm);
object-fit:cover}
.pl-crosspost-composer-scene-drop-zone{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--space-3xs);
width:88px;
height:88px;
border:1px dashed var(--color-border-neutral);
border-radius:var(--border-radius-sm);
text-align:center;
line-height:1.2}
.pl-crosspost-composer-scene-toolbar{
display:flex;
align-items:center;
gap:var(--space-2xs);
-webkit-padding-after:var(--space-sm);
padding-block-end:var(--space-sm);
border-bottom:1px solid var(--color-border-xsubtle)}
.pl-crosspost-composer-scene-toolbar-rule{
width:1px;
height:var(--space-md);
margin-inline:var(--space-2xs);
background:var(--color-border-subtle)}
.pl-crosspost-composer-scene-counts{
display:inline-flex;
gap:var(--space-2xs);
margin-left:auto}
.pl-crosspost-composer-scene-count{
padding:2px 4px;
border:1px solid var(--color-border-subtle);
border-radius:4px;
color:var(--color-text-disabled);
font-size:12px;
font-feature-settings:"tnum";
font-variant-numeric:tabular-nums;
line-height:12px}
.pl-crosspost-composer-scene-extras{
display:flex;
align-items:center;
gap:var(--space-md)}
.pl-crosspost-composer-scene-extras-chips{
display:flex;
gap:var(--space-2xs)}
.pl-crosspost-composer-scene-automatic{
margin-left:auto}
.pl-crosspost-composer-scene-side-panel{
display:flex;
flex-direction:column;
min-width:0;
background-color:var(--color-bg-surface-muted);
-webkit-border-start:1px solid var(--color-border-xsubtle);
border-inline-start:1px solid var(--color-border-xsubtle)}
.pl-crosspost-composer-scene-side-panel-header{
display:flex;
align-items:center;
gap:var(--space-sm);
min-height:60px;
padding-block:var(--space-md) var(--space-sm);
padding-inline:var(--space-xl)}
.pl-crosspost-composer-scene-side-panel-heading{
color:var(--color-text-neutral);
font-family:var(--font-family-body);
font-size:var(--font-size-heading-sm);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-heading);
margin:0}
.pl-crosspost-composer-scene-side-panel-body{
display:flex;
flex-direction:column;
flex:1 1;
min-height:0;
padding:0 var(--space-xl) var(--space-xl)}
.pl-crosspost-composer-scene-preview{
display:flex;
flex-direction:column;
min-height:0;
border:1px solid var(--color-border-xsubtle);
border-radius:var(--border-radius-md);
background-color:var(--color-bg-surface-floating);
overflow:hidden}
.pl-crosspost-composer-scene-preview-byline{
display:flex;
align-items:center;
gap:var(--space-xs);
padding:var(--space-xs) var(--space-sm)}
.pl-crosspost-composer-scene-preview-avatar{
width:var(--size-md);
height:var(--size-md);
border-radius:var(--border-radius-full);
object-fit:cover}
.pl-crosspost-composer-scene-preview-name{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.pl-crosspost-composer-scene-preview-more{
margin-left:auto}
.pl-crosspost-composer-scene-preview-photo{
display:block;
width:100%;
aspect-ratio:4/5;
object-fit:cover}
.pl-crosspost-composer-scene-preview-actions{
display:flex;
align-items:center;
gap:var(--space-sm);
padding:var(--space-sm) var(--space-sm) var(--space-xs);
color:var(--color-text-neutral)}
.pl-crosspost-composer-scene-preview-save{
margin-left:auto}
.pl-crosspost-composer-scene-preview-caption{
padding:0 var(--space-sm) var(--space-sm);
overflow-wrap:anywhere}
.pl-crosspost-composer-scene-dialog-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-sm);
flex-shrink:0;
padding:var(--space-md) var(--inset-padding);
border-top:1px solid var(--color-border-xsubtle);
background:var(--color-bg-surface-floating)}
.pl-crosspost-composer-scene-footer-left{
display:flex;
align-items:center;
gap:var(--space-3xs);
min-width:0}
.pl-crosspost-composer-scene-checkbox{
width:var(--space-md);
height:var(--space-md);
flex-shrink:0;
-webkit-margin-end:var(--space-2xs);
margin-inline-end:var(--space-2xs);
border:1px solid var(--color-border-neutral);
border-radius:var(--border-radius-sm)}
.pl-crosspost-composer-scene-separator{
width:1px;
height:var(--space-md);
margin-inline:var(--space-sm);
background:var(--color-border-subtle)}
.pl-crosspost-composer-scene-schedule-group{
display:flex;
align-items:center;
flex-shrink:0}
.pl-crosspost-composer-scene-schedule-trigger{
border-color:var(--color-border-subtle);
border-radius:var(--border-radius-lg);
border-start-end-radius:0;
border-end-end-radius:0;
-webkit-margin-end:calc(var(--border-width-default) * -1);
margin-inline-end:calc(var(--border-width-default) * -1);
padding-inline:var(--space-sm) var(--space-xs);
font-size:var(--font-size-body);
line-height:var(--line-height-heading)}
.pl-crosspost-composer-scene-schedule-action{
border-radius:var(--border-radius-lg);
border-start-start-radius:0;
border-end-start-radius:0;
justify-content:center;
min-width:8rem}
.pl-schedule-menu-menu{
--font-size-body:0.875rem;
--font-size-heading-xs:0.875rem;
gap:var(--space-3xs);
width:100%;
height:100%;
padding:var(--space-sm);
border-radius:var(--border-radius-lg);
background-color:var(--color-bg-surface-floating);
font-family:var(--font-family-body)}
.pl-schedule-menu-item,.pl-schedule-menu-menu{
display:flex;
flex-direction:column;
box-sizing:border-box}
.pl-schedule-menu-item{
--icon-size:16px;
padding:var(--space-xs) var(--space-sm);
border-radius:var(--border-radius-sm);
color:var(--color-text-neutral);
font-size:var(--font-size-body);
font-weight:var(--font-weight-medium);
line-height:var(--line-height-label)}
.pl-schedule-menu-item[data-state=hovered]{
background-color:var(--color-bg-subtle)}
.pl-schedule-menu-item[data-state=selected]{
background-color:var(--color-bg-brand-subtle);
color:var(--color-text-brand)}
.pl-schedule-menu-item-top{
display:flex;
align-items:center;
gap:var(--space-2xs);
min-height:var(--control-size-sm)}
.pl-schedule-menu-no-icon{
flex-shrink:0;
inline-size:var(--icon-size);
block-size:var(--icon-size)}
.pl-schedule-menu-label{
flex:1 1;
color:inherit}
.pl-schedule-menu-default-marker{
margin-right:calc(-1 * var(--space-2xs));
border:none;
color:var(--color-text-subtle)}
.pl-schedule-menu-item[data-state=selected] .pl-schedule-menu-default-marker{
color:var(--color-text-brand)}
.pl-schedule-menu-description{
padding-inline:calc(var(--space-2xs) + var(--icon-size)) var(--global-space-7);
text-align:left}
.pl-feature-row-section{
padding-block:var(--space-step-3-step-5)}
.pl-feature-row-content{
display:grid;
grid-gap:var(--space-step-5-step-6);
gap:var(--space-step-5-step-6);
align-items:center}
@media (min-width:48rem){
.pl-feature-row-content{
grid-template-columns:557fr 670fr;
gap:var(--space-step-6-step-7)}
.pl-feature-row-content[data-visual-position=leading]{
grid-template-columns:670fr 557fr}
.pl-feature-row-content[data-visual-position=leading] .pl-feature-row-panel{
order:-1}
}
.pl-feature-row-copy{
display:flex;
flex-direction:column;
align-items:flex-start}
.pl-feature-row-eyebrow{
color:var(--color-green-700)}
.pl-feature-row-heading{
margin-block:var(--space-step-1) var(--space-step-3);
font-size:var(--font-size-step-3);
text-wrap:balance}
.pl-feature-row-text{
font-size:var(--font-size-step-0)}
.pl-feature-row-features{
margin-block:1.25rem 0;
padding:0;
display:grid;
grid-gap:.5rem;
gap:.5rem;
list-style:none}
.pl-feature-row-feature{
display:flex;
align-items:flex-start;
gap:.4375rem}
.pl-feature-row-feature-check{
flex-shrink:0;
-webkit-margin-before:.1875rem;
margin-block-start:.1875rem;
color:var(--color-green-700)}
.pl-feature-row-feature-text{
padding-block:.3125rem;
font-size:var(--font-size-step--1);
line-height:1.4}
.pl-feature-row-actions{
-webkit-margin-before:var(--space-step-5);
margin-block-start:var(--space-step-5);
display:flex;
flex-wrap:wrap;
gap:.4375rem}
.pl-feature-row-panel{
border-radius:var(--border-radius-large);
overflow:hidden;
&[data-theme=coral]{
background-color:var(--color-coral-200)}
&[data-theme=purple]{
background-color:var(--color-purple-300)}
&[data-theme=blue]{
background-color:var(--color-blue-200)}
}
.pl-feature-row-panel [data-product-frame-stage]{
background:transparent;
border-radius:var(--border-radius-xl);
overflow:hidden}
@media (max-width:40rem){
.pl-feature-row-panel{
--crop-zoom:1.6}
.pl-feature-row-panel>:first-child:not([data-centered]){
inline-size:calc(var(--crop-zoom) * 100%)}
}
.pl-publish-page{
--container-max-inline-size-wide:calc(84.5rem + var(--space-step-3-step-5) * 2)}
.pl-publish-eyebrow{
color:var(--color-green-700)}
.pl-publish-hero{
padding-block:var(--space-step-5-step-7);
background-color:var(--color-neutral-100)}
.pl-publish-hero-header{
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:space-between;
gap:var(--space-step-3-step-5);
-webkit-margin-after:var(--space-step-5-step-6);
margin-block-end:var(--space-step-5-step-6)}
.pl-publish-hero-text{
max-inline-size:42rem}
.pl-publish-hero-heading{
margin-block:var(--space-step-1) var(--space-step-3);
font-size:var(--font-size-step-4);
text-wrap:balance}
.pl-publish-hero-supporting-text{
max-inline-size:41rem;
font-size:var(--font-size-step-0)}
.pl-publish-hero-panel{
--hero-window-inset:clamp(0.75rem,2.7%,2.25rem);
--hero-block-overhang:clamp(1.5rem,5.5%,4.75rem);
position:relative;
isolation:isolate;
inline-size:100%;
padding-inline:var(--hero-window-inset);
-webkit-margin-after:var(--hero-block-overhang);
margin-block-end:var(--hero-block-overhang)}
.pl-publish-hero-panel:before{
content:"";
position:absolute;
inset:25% 0 calc(var(--hero-block-overhang) * -1);
z-index:-1;
border-radius:var(--border-radius-medium);
background-color:var(--color-green-200)}
.pl-publish-stats{
padding-block:var(--space-step-5-step-6)}
.pl-publish-stats-list{
margin:0;
display:grid;
grid-gap:var(--space-step-4);
gap:var(--space-step-4)}
@media (min-width:48rem){
.pl-publish-stats-list{
grid-template-columns:repeat(3,1fr)}
}
.pl-publish-stat{
display:flex;
flex-direction:column-reverse;
align-items:center;
gap:var(--space-step-1);
text-align:center}
.pl-publish-stat-value{
margin:0;
font-size:var(--font-size-step-3)}
.pl-publish-stat-label{
color:var(--color-green-700);
font-size:var(--font-size-step--1);
font-weight:var(--font-weight-semibold);
letter-spacing:var(--letter-spacing-wide);
text-transform:uppercase}
.pl-publish-page .pl-publish-channels-section{
display:flex;
flex-direction:column;
justify-content:center;
min-block-size:170px;
padding-block:0;
background-color:var(--color-neutral-100)}
.pl-publish-page .pl-publish-benefits-section{
max-inline-size:var(--container-max-inline-size-wide);
padding-block:var(--space-step-3-step-5)}
.pl-publish-benefits-section svg{
-webkit-margin-start:calc(var(--benefit-icon-inset, 0px) * -1);
margin-inline-start:calc(var(--benefit-icon-inset, 0px) * -1)}
.pl-publish-benefits-section>div>:first-child svg{
--benefit-icon-inset:9px}
.pl-publish-benefits-section>div>:nth-child(2) svg{
--benefit-icon-inset:13.75px}
.pl-publish-benefits-section>div>:nth-child(3) svg{
--benefit-icon-inset:12px}
.pl-publish-benefits-section>div>:nth-child(4) svg{
--benefit-icon-inset:10.25px}
.pl-publish-panel-shot{
display:grid;
place-items:center;
aspect-ratio:670/566}
.pl-publish-calendar-shot,.pl-publish-composer-shot,.pl-publish-schedule-composer,.pl-publish-schedule-menu{
overflow:hidden;
border-radius:.6rem;
box-shadow:0 0 1px 1px rgb(24 24 24/5%),0 4px 8px -4px rgb(24 24 24/10%),0 16px 24px -8px rgb(24 24 24/10%)}
.pl-publish-calendar-shot{
inline-size:93.6%}
.pl-publish-composer-shot{
inline-size:91.3%}
.pl-publish-schedule-shot{
position:relative;
inline-size:100%;
block-size:100%}
.pl-publish-schedule-composer,.pl-publish-schedule-menu{
position:absolute}
.pl-publish-schedule-composer{
inset-inline-start:6.3%;
inset-block-start:20.8%;
inline-size:79.3%}
.pl-publish-schedule-menu{
inset-inline-start:56.9%;
inset-block-start:27.4%;
inline-size:39.9%}
.pl-publish-feature-rows{
padding-block:var(--space-step-3-step-5)}
.pl-publish-testimonial{
padding-block:var(--space-step-4-step-5)}
.pl-publish-testimonial-card{
padding:var(--space-step-5-step-6) var(--space-step-4-step-5);
display:grid;
grid-gap:var(--space-step-5-step-6);
gap:var(--space-step-5-step-6);
justify-items:center;
align-items:center;
border-radius:var(--border-radius-medium);
background-color:var(--color-green-100)}
@media (min-width:48rem){
.pl-publish-testimonial-card{
min-block-size:33.6875rem;
padding-inline:2.5rem;
grid-template-columns:minmax(0,344px) minmax(0,726px);
justify-content:center;
gap:3.125rem}
}
.pl-publish-portrait{
position:relative;
inline-size:min(100%,344px);
aspect-ratio:344/334;
border-radius:0 0 1.3rem 1.3rem;
overflow:hidden}
.pl-publish-portrait-panel{
position:absolute;
inset:11.3% 0 0;
border-radius:1.75rem;
background-color:var(--color-green-300)}
.pl-publish-portrait-photo{
position:absolute;
inset-block-start:-2%;
inset-inline-start:50%;
inline-size:116%;
max-inline-size:none;
block-size:auto;
translate:-50% 0}
.pl-publish-testimonial-figure{
margin:0;
display:flex;
flex-direction:column;
gap:.875rem}
.pl-publish-quote-mark{
inline-size:3.2rem;
block-size:auto;
color:var(--color-green-500)}
.pl-publish-quote{
margin:0;
font-size:var(--font-size-step-1);
line-height:1.5}
.pl-publish-source{
-webkit-margin-before:1.625rem;
margin-block-start:1.625rem;
display:flex;
flex-direction:column;
gap:.75rem}
.pl-publish-source-name{
font-size:var(--font-size-step-1)}
.pl-publish-source-role{
font-size:var(--font-size-step--1)}
.pl-publish-resources-section{
-webkit-padding-before:var(--space-step-6-step-7);
padding-block-start:var(--space-step-6-step-7)}
.pl-publish-cta-section{
padding-block:var(--space-step-3) var(--space-step-5)}
.pl-publish-faq-section{
padding-block:var(--space-step-6-step-8);
background-color:var(--color-neutral-050)}


/* Inter — used by the marketing recreation of in-app Insights cards. */
@font-face {

  font-display: swap;

  font-family: 'Inter';

  font-style: normal;

  font-weight: 100 900;

  src: url("../../assets/landing-originals/1e511bdbd3bd1934b45a.woff2") format('woff2');

}


@font-face {

  font-display: swap;

  font-family: 'Inter';

  font-style: italic;

  font-weight: 100 900;

  src: url("../../assets/landing-originals/e03f7aa352969017c2cd.woff2") format('woff2');

}


/* Stolzl */
@font-face {

  font-display: fallback;

  font-family: 'Stolzl';

  font-style: normal;

  font-weight: 400;

  src: url("../../assets/landing-originals/71fbaa80509f89e65866.woff2") format('woff2');

}


/* Figtree */
@font-face {

  font-display: fallback;

  font-family: 'Figtree';

  font-style: normal;

  font-weight: 300 900;

  src: url("../../assets/landing-originals/de1f941b86ff366f86c4.ttf") format('truetype');

}


@font-face {

  font-display: fallback;

  font-family: 'Figtree';

  font-style: italic;

  font-weight: 300 900;

  src: url("../../assets/landing-originals/d32f79466a7edd2757ad.ttf") format('truetype');

}


/* Caveat */
@font-face {

  font-display: fallback;

  font-family: 'Caveat';

  font-style: normal;

  font-weight: 400 700;

  src: url("../../assets/landing-originals/c3050f32e2e936c89c1f.ttf") format('truetype');

}


/* IBM Plex Mono */
@font-face {

  font-display: fallback;

  font-family: 'IBM Plex Mono';

  font-style: normal;

  font-weight: 400;

  src: url("../../assets/landing-originals/8db001a062636a189fbf.woff2") format('woff2');

}


@font-face {

  font-display: fallback;

  font-family: 'IBM Plex Mono';

  font-style: normal;

  font-weight: 500;

  src: url("../../assets/landing-originals/20b673f907d1fe3dece6.woff2") format('woff2');

}


/* Pixelify Sans — pixel display face used by the API homepage block */
@font-face {

  font-display: fallback;

  font-family: 'Pixelify Sans';

  font-style: normal;

  font-weight: 400;

  src: url("../../assets/landing-originals/912507c40ff795bd803f.woff2") format('woff2');

}


/* Fira Code — subset to Basic Latin, used for the brace accents on the
   API landing page "{your favorite tool}" headline */
@font-face {

  font-display: fallback;

  font-family: 'Fira Code';

  font-style: normal;

  font-weight: 500;

  src: url("../../assets/landing-originals/d95728716c37d49d76c8.woff2") format('woff2');

}


[data-vaul-drawer]{
touch-action:none;
will-change:transform;
transition:transform .5s cubic-bezier(.32, .72, 0, 1);
animation-duration:.5s;
animation-timing-function:cubic-bezier(0.32,0.72,0,1)}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{
animation-name:slideFromBottom}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{
animation-name:slideToBottom}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{
animation-name:slideFromTop}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{
animation-name:slideToTop}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{
animation-name:slideFromLeft}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{
animation-name:slideToLeft}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{
animation-name:slideFromRight}
[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{
animation-name:slideToRight}
[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{
transform:translate3d(0,var(--initial-transform,100%),0)}
[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{
transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}
[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{
transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}
[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{
transform:translate3d(var(--initial-transform,100%),0,0)}
[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{
transform:translate3d(0,var(--snap-point-height,0),0)}
[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{
transform:translate3d(0,var(--snap-point-height,0),0)}
[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{
transform:translate3d(var(--snap-point-height,0),0,0)}
[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{
transform:translate3d(var(--snap-point-height,0),0,0)}
[data-vaul-overlay][data-vaul-snap-points=false]{
animation-duration:.5s;
animation-timing-function:cubic-bezier(0.32,0.72,0,1)}
[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{
animation-name:fadeIn}
[data-vaul-overlay][data-state=closed]{
animation-name:fadeOut}
[data-vaul-animate=false]{
animation:none!important}
[data-vaul-overlay][data-vaul-snap-points=true]{
opacity:0;
transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}
[data-vaul-overlay][data-vaul-snap-points=true]{
opacity:1}
[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{
content:'';
position:absolute;
background:inherit;
background-color:inherit}
[data-vaul-drawer][data-vaul-drawer-direction=top]::after{
top:initial;
bottom:100%;
left:0;
right:0;
height:200%}
[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{
top:100%;
bottom:initial;
left:0;
right:0;
height:200%}
[data-vaul-drawer][data-vaul-drawer-direction=left]::after{
left:initial;
right:100%;
top:0;
bottom:0;
width:200%}
[data-vaul-drawer][data-vaul-drawer-direction=right]::after{
left:100%;
right:initial;
top:0;
bottom:0;
width:200%}
[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
[data-state=closed]
){
opacity:0}
[data-vaul-overlay][data-vaul-snap-points-overlay=true]{
opacity:1}
[data-vaul-handle]{
display:block;
position:relative;
opacity:.7;
background:#e2e2e4;
margin-left:auto;
margin-right:auto;
height:5px;
width:32px;
border-radius:1rem;
touch-action:pan-y}
[data-vaul-handle]:active,[data-vaul-handle]:hover{
opacity:1}
[data-vaul-handle-hitarea]{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:max(100%,2.75rem);
height:max(100%,2.75rem);
touch-action:inherit}
@media (hover:hover) and (pointer:fine){
[data-vaul-drawer]{
user-select:none}
}
@media (pointer:fine){
[data-vaul-handle-hitarea]:{
width:100%;
height:100%}
}
@keyframes fadeIn{
from{
opacity:0}
to{
opacity:1}
}
@keyframes fadeOut{
to{
opacity:0}
}
@keyframes slideFromBottom{
from{
transform:translate3d(0,var(--initial-transform,100%),0)}
to{
transform:translate3d(0,0,0)}
}
@keyframes slideToBottom{
to{
transform:translate3d(0,var(--initial-transform,100%),0)}
}
@keyframes slideFromTop{
from{
transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}
to{
transform:translate3d(0,0,0)}
}
@keyframes slideToTop{
to{
transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}
}
@keyframes slideFromLeft{
from{
transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}
to{
transform:translate3d(0,0,0)}
}
@keyframes slideToLeft{
to{
transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}
}
@keyframes slideFromRight{
from{
transform:translate3d(var(--initial-transform,100%),0,0)}
to{
transform:translate3d(0,0,0)}
}
@keyframes slideToRight{
to{
transform:translate3d(var(--initial-transform,100%),0,0)}
}

.cky-overlay{
background:#000;
opacity:.4;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999999}
.cky-hide{
display:none}
.cky-btn-revisit-wrapper{
display:flex;
align-items:center;
justify-content:center;
background:#0056a7;
width:45px;
height:45px;
border-radius:50%;
position:fixed;
z-index:999999;
cursor:pointer}
.cky-revisit-bottom-left{
bottom:15px;
left:15px}
.cky-revisit-bottom-right{
bottom:15px;
right:15px}
.cky-btn-revisit-wrapper .cky-btn-revisit{
display:flex;
align-items:center;
justify-content:center;
background:none;
border:none;
cursor:pointer;
position:relative;
margin:0;
padding:0}
.cky-btn-revisit-wrapper .cky-btn-revisit img{
max-width:fit-content;
margin:0;
height:30px;
width:30px}
.cky-revisit-bottom-left:hover::before{
content:attr(data-tooltip);
position:absolute;
background:#4e4b66;
color:#fff;
left:calc(100% + 7px);
font-size:12px;
line-height:16px;
width:max-content;
padding:4px 8px;
border-radius:4px}
.cky-revisit-bottom-left:hover::after{
position:absolute;
content:"";
border:5px solid #fff0;
left:calc(100% + 2px);
border-left-width:0;
border-right-color:#4e4b66}
.cky-revisit-bottom-right:hover::before{
content:attr(data-tooltip);
position:absolute;
background:#4e4b66;
color:#fff;
right:calc(100% + 7px);
font-size:12px;
line-height:16px;
width:max-content;
padding:4px 8px;
border-radius:4px}
.cky-revisit-bottom-right:hover::after{
position:absolute;
content:"";
border:5px solid #fff0;
right:calc(100% + 2px);
border-right-width:0;
border-left-color:#4e4b66}
.cky-revisit-hide{
display:none}
.cky-consent-container{
position:fixed;
width:440px;
box-sizing:border-box;
z-index:9999999;
border-radius:6px}
.cky-consent-container .cky-consent-bar{
background:#fff;
border:1px solid;
padding:20px 26px;
box-shadow:0 -1px 10px 0 #acabab4d;
border-radius:6px}
.cky-box-bottom-left{
bottom:40px;
left:40px}
.cky-box-bottom-right{
bottom:40px;
right:40px}
.cky-box-top-left{
top:40px;
left:40px}
.cky-box-top-right{
top:40px;
right:40px}
.cky-custom-brand-logo-wrapper .cky-custom-brand-logo{
width:100px;
height:auto;
margin:0 0 12px 0}
.cky-notice .cky-title{
color:#212121;
font-weight:700;
font-size:18px;
line-height:24px;
margin:0 0 12px 0;
word-break:break-word}
.cky-notice-des *,.cky-preference-content-wrapper *,.cky-dma-content-wrapper *,.cky-accordion-header-des *,.cky-gpc-wrapper .cky-gpc-desc *{
font-size:14px}
.cky-notice-des{
color:#212121;
font-size:14px;
line-height:24px;
font-weight:400}
.cky-notice-des img{
min-height:25px;
min-width:25px}
.cky-consent-bar .cky-notice-des p,.cky-gpc-wrapper .cky-gpc-desc p,.cky-preference-body-wrapper .cky-preference-content-wrapper p,.cky-accordion-header-wrapper .cky-accordion-header-des p,.cky-cookie-des-table li div:last-child p{
color:inherit;
margin-top:0;
word-break:break-word}
.cky-notice-des P:last-child,.cky-preference-content-wrapper p:last-child,.cky-cookie-des-table li div:last-child p:last-child,.cky-gpc-wrapper .cky-gpc-desc p:last-child{
margin-bottom:0}
.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-notice-des a.cky-link-default,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{
font-size:14px;
color:#1863dc;
white-space:nowrap;
cursor:pointer;
background:#fff0}
.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{
text-decoration:underline;
border:1px solid}
.cky-notice-des a.cky-link-default{
text-decoration:underline}
.cky-notice-des button.cky-policy,.cky-dma-content-wrapper button.cky-policy{
padding:0}
.cky-notice-des a.cky-policy:focus-visible,.cky-notice-des button.cky-policy:focus-visible,.cky-dma-content-wrapper a.cky-policy:focus-visible,.cky-dma-content-wrapper button.cky-policy:focus-visible,.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,.cky-accordion-header .cky-accordion-btn:focus-visible,.cky-preference-header .cky-btn-close:focus-visible,.cky-switch input[type="checkbox"]:focus-visible,.cky-footer-wrapper a:focus-visible,[data-cky-tag="powered-by"] a:focus-visible,[data-cky-tag="detail-powered-by"] a:focus-visible,.cky-btn:focus-visible{
outline:2px solid #1863dc;
outline-offset:2px}
.cky-btn:focus:not(:focus-visible),.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),.cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),.cky-preference-header .cky-btn-close:focus:not(:focus-visible),.cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible){
outline:0}
button.cky-show-desc-btn:not(:hover):not(:active){
color:#1863dc;
background:#fff0}
button.cky-accordion-btn:not(:hover):not(:active),button.cky-banner-btn-close:not(:hover):not(:active),button.cky-btn-revisit:not(:hover):not(:active),button.cky-btn-close:not(:hover):not(:active){
background:#fff0}
.cky-consent-bar button:hover,.cky-modal.cky-modal-open button:hover,.cky-consent-bar button:focus,.cky-modal.cky-modal-open button:focus{
text-decoration:none}
.cky-notice-btn-wrapper{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
gap:8px;
margin-top:16px}
.cky-notice-btn-wrapper .cky-btn{
text-shadow:none;
box-shadow:none}
.cky-btn{
flex:auto;
max-width:100%;
font-size:14px;
font-family:inherit;
line-height:24px;
padding:8px;
font-weight:500;
border-radius:2px;
cursor:pointer;
text-align:center;
text-transform:none;
min-height:0;
overflow-wrap:break-word}
.cky-btn:hover{
filter:brightness(.9)}
.cky-btn-customize{
color:#1863dc;
background:#fff0;
border:2px solid #1863dc}
.cky-btn-reject{
color:#1863dc;
background:#fff0;
border:2px solid #1863dc}
.cky-btn-accept{
background:#1863dc;
color:#fff;
border:2px solid #1863dc}
.cky-btn:last-child{
margin-right:0}
@media (max-width:576px){
.cky-box-bottom-left{
bottom:0;
left:0}
.cky-box-bottom-right{
bottom:0;
right:0}
.cky-box-top-left{
top:0;
left:0}
.cky-box-top-right{
top:0;
right:0}
}
@media (max-width:440px){
.cky-box-bottom-left,.cky-box-bottom-right,.cky-box-top-left,.cky-box-top-right{
width:100%;
max-width:100%}
.cky-consent-container .cky-consent-bar{
padding:20px 0}
.cky-custom-brand-logo-wrapper,.cky-notice .cky-title,.cky-notice-des,.cky-notice-btn-wrapper{
padding:0 24px}
.cky-notice-des{
max-height:40vh;
overflow-y:scroll}
.cky-notice-btn-wrapper{
gap:10px;
flex-direction:column}
.cky-btn{
width:100%}
.cky-notice-btn-wrapper .cky-btn-customize{
order:2}
.cky-notice-btn-wrapper .cky-btn-reject{
order:3}
.cky-notice-btn-wrapper .cky-btn-accept{
order:1}
}
@media (max-width:352px){
.cky-notice .cky-title{
font-size:16px}
.cky-notice-des *{
font-size:12px}
.cky-notice-des,.cky-btn{
font-size:12px}
}
.cky-modal.cky-modal-open{
display:flex;
visibility:visible;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
top:50%;
left:50%;
transition:all 1s ease;
max-height:100%}
.cky-modal{
box-shadow:0 32px 68px rgb(0 0 0 / .3);
margin:0 auto;
position:fixed;
max-width:100%;
background:#fff;
top:50%;
box-sizing:border-box;
border-radius:6px;
z-index:999999999;
color:#212121;
-webkit-transform:translate(-50%,100%);
-moz-transform:translate(-50%,100%);
-ms-transform:translate(-50%,100%);
-o-transform:translate(-50%,100%);
transform:translate(-50%,100%);
visibility:hidden;
transition:all 0s ease}
.cky-preference-center{
max-height:79vh;
overflow:hidden;
width:845px;
overflow:hidden;
flex:1 1 0%;
display:flex;
flex-direction:column;
border-radius:6px}
@media (max-height:576px){
.cky-preference-center{
height:100vh;
overflow:auto}
.cky-preference-center .cky-preference-body-wrapper{
overflow:unset}
}
@media (max-height:480px){
.cky-consent-container{
max-height:100vh;
overflow-y:scroll}
.cky-notice-des{
max-height:unset;
overflow-y:unset}
}
@media (min-width:576px) and (max-height:660px){
.cky-notice-des{
max-height:40vh;
overflow-y:scroll}
}
.cky-preference-header{
display:flex;
align-items:center;
justify-content:space-between;
padding:22px 24px;
border-bottom:1px solid}
.cky-preference-header .cky-preference-title{
font-size:18px;
font-weight:700;
line-height:24px;
word-break:break-word}
.cky-preference-header .cky-btn-close{
margin:0;
cursor:pointer;
vertical-align:middle;
padding:0;
background:none;
border:none;
width:24px;
height:24px;
min-height:0;
line-height:0;
text-shadow:none;
box-shadow:none}
.cky-preference-header .cky-btn-close img{
margin:0;
height:10px;
width:10px}
.cky-preference-body-wrapper{
padding:0 24px;
flex:1;
overflow:auto;
box-sizing:border-box}
.cky-preference-content-wrapper,.cky-gpc-wrapper .cky-gpc-desc{
font-size:14px;
line-height:24px;
font-weight:400;
padding:12px 0}
.cky-preference-content-wrapper img{
min-height:25px;
min-width:25px}
.cky-preference-content-wrapper .cky-show-desc-btn{
font-size:14px;
font-family:inherit;
color:#1863dc;
text-decoration:underline;
line-height:24px;
padding:0;
margin:0;
white-space:nowrap;
cursor:pointer;
background:#fff0;
border-color:#fff0;
text-transform:none;
min-height:0;
text-shadow:none;
box-shadow:none}
.cky-accordion-wrapper{
margin-bottom:10px}
.cky-accordion{
border-bottom:1px solid}
.cky-accordion:last-child{
border-bottom:none}
.cky-accordion .cky-accordion-item{
display:flex;
margin-top:10px}
.cky-accordion .cky-accordion-body{
display:none}
.cky-accordion.cky-accordion-active .cky-accordion-body{
display:block;
padding:0 22px;
margin-bottom:16px}
.cky-accordion-header-wrapper{
cursor:pointer;
width:100%}
.cky-accordion-item .cky-accordion-header{
display:flex;
justify-content:space-between;
align-items:center}
.cky-accordion-header .cky-accordion-btn{
font-size:16px;
font-family:inherit;
color:#212121;
line-height:24px;
background:none;
border:none;
font-weight:700;
padding:0;
margin:0;
cursor:pointer;
text-transform:none;
min-height:0;
text-shadow:none;
box-shadow:none}
.cky-accordion-header .cky-always-active{
color:green;
font-weight:600;
line-height:24px;
font-size:14px}
.cky-accordion-header-des{
font-size:14px;
line-height:24px;
margin:10px 0 16px 0}
.cky-accordion-chevron{
margin-right:22px;
position:relative;
cursor:pointer}
.cky-accordion-chevron-hide{
display:none}
.cky-accordion .cky-accordion-chevron i::before{
content:"";
position:absolute;
border-right:1.4px solid;
border-bottom:1.4px solid;
border-color:inherit;
height:6px;
width:6px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
transition:all 0.2s ease-in-out;
top:8px}
.cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)}
.cky-audit-table{
background:#f4f4f4;
border-radius:6px}
.cky-audit-table .cky-empty-cookies-text{
color:inherit;
font-size:12px;
line-height:24px;
margin:0;
padding:10px;
word-break:break-word}
.cky-audit-table .cky-cookie-des-table{
font-size:12px;
line-height:24px;
font-weight:400;
padding:15px 10px;
border-bottom:1px solid;
border-bottom-color:inherit;
margin:0}
.cky-audit-table .cky-cookie-des-table:last-child{
border-bottom:none}
.cky-audit-table .cky-cookie-des-table li{
list-style-type:none;
display:flex;
padding:3px 0}
.cky-audit-table .cky-cookie-des-table li:first-child{
padding-top:0}
.cky-cookie-des-table li div:first-child{
width:100px;
font-weight:600;
word-break:break-word;
word-wrap:break-word}
.cky-cookie-des-table li div:last-child{
flex:1;
word-break:break-word;
word-wrap:break-word;
margin-left:8px}
.cky-footer-shadow{
display:block;
width:100%;
height:40px;
background:linear-gradient(180deg,#fff0 0%,#ffffff 100%);
position:absolute;
bottom:calc(100% - 1px)}
.cky-footer-wrapper{
position:relative}
.cky-prefrence-btn-wrapper{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
justify-content:center;
padding:22px 24px;
border-top:1px solid}
.cky-prefrence-btn-wrapper .cky-btn{
flex:auto;
max-width:100%;
text-shadow:none;
box-shadow:none}
.cky-btn-preferences{
color:#1863dc;
background:#fff0;
border:2px solid #1863dc}
.cky-preference-header,.cky-preference-body-wrapper,.cky-accordion-wrapper,.cky-accordion,.cky-accordion-wrapper,.cky-footer-wrapper,.cky-prefrence-btn-wrapper{
border-color:inherit}
.cky-preference-body-wrapper .cky-dma-content-wrapper{
font-size:14px;
line-height:24px;
font-weight:400;
padding:4px 0 12px}
.cky-preference-body-wrapper .cky-dma-content-wrapper p{
color:inherit;
word-break:break-word}
.cky-preference-body-wrapper .cky-dma-content-wrapper p:first-child{
margin-top:0}
.cky-preference-body-wrapper .cky-dma-content-wrapper p:last-child{
margin-bottom:0}
.cky-preference-body-wrapper .cky-horizontal-separator{
border-bottom:1px solid;
border-color:inherit}
@media (max-width:845px){
.cky-modal{
max-width:calc(100% - 16px)}
}
@media (max-width:576px){
.cky-modal{
max-width:100%}
.cky-preference-center{
max-height:100vh}
.cky-prefrence-btn-wrapper{
flex-direction:column;
gap:10px}
.cky-accordion.cky-accordion-active .cky-accordion-body{
padding-right:0}
.cky-prefrence-btn-wrapper .cky-btn{
width:100%}
.cky-prefrence-btn-wrapper .cky-btn-reject{
order:3}
.cky-prefrence-btn-wrapper .cky-btn-accept{
order:1;
margin-top:0}
.cky-prefrence-btn-wrapper .cky-btn-preferences{
order:2}
}
@media (max-width:425px){
.cky-accordion-chevron{
margin-right:15px}
.cky-accordion.cky-accordion-active .cky-accordion-body{
padding:0 15px}
}
@media (max-width:352px){
.cky-preference-header .cky-preference-title{
font-size:16px}
.cky-preference-header{
padding:16px 24px}
.cky-preference-content-wrapper *,.cky-accordion-header-des *,.cky-dma-content-wrapper *{
font-size:12px}
.cky-preference-content-wrapper,.cky-preference-body-wrapper .cky-dma-content-wrapper,.cky-preference-content-wrapper .cky-show-more,.cky-accordion-header .cky-always-active,.cky-accordion-header-des,.cky-preference-content-wrapper .cky-show-desc-btn,.cky-notice-des a.cky-policy,.cky-dma-content-wrapper a.cky-policy{
font-size:12px}
.cky-accordion-header .cky-accordion-btn{
font-size:14px}
}
.cky-switch{
display:flex}
.cky-switch input[type="checkbox"]{
position:relative;
width:44px;
height:24px;
margin:0;
background:#d0d5d2;
-webkit-appearance:none;
border-radius:50px;
cursor:pointer;
outline:0;
border:none;
top:0}
.cky-switch input[type="checkbox"]:checked{
background:#1863dc}
.cky-switch input[type="checkbox"]:before{
position:absolute;
content:"";
height:20px;
width:20px;
left:2px;
bottom:2px;
border-radius:50%;
background-color:#fff;
-webkit-transition:0.4s;
transition:0.4s;
margin:0}
.cky-switch input[type="checkbox"]:after{
display:none}
.cky-switch input[type="checkbox"]:checked:before{
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)}
@media (max-width:425px){
.cky-switch input[type="checkbox"]{
width:38px;
height:21px}
.cky-switch input[type="checkbox"]:before{
height:17px;
width:17px}
.cky-switch input[type="checkbox"]:checked:before{
-webkit-transform:translateX(17px);
-ms-transform:translateX(17px);
transform:translateX(17px)}
}
.cky-consent-bar .cky-banner-btn-close{
z-index:1;
position:absolute;
right:9px;
top:5px;
background:none;
border:none;
cursor:pointer;
padding:0;
margin:0;
min-height:0;
line-height:0;
height:24px;
width:24px;
text-shadow:none;
box-shadow:none}
.cky-consent-bar .cky-banner-btn-close img{
height:9px;
width:9px;
margin:0}
.cky-notice-group{
font-size:14px;
line-height:24px;
font-weight:400;
color:#212121}
.cky-notice-btn-wrapper .cky-btn-do-not-sell{
font-size:14px;
line-height:24px;
padding:6px 0;
margin:0;
font-weight:500;
background:none;
border-radius:2px;
border:none;
cursor:pointer;
text-align:left;
color:#1863dc;
background:#fff0;
border-color:#fff0;
box-shadow:none;
text-shadow:none;
word-break:break-word;
text-decoration:underline}
.cky-consent-bar .cky-banner-btn-close:focus-visible,.cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible,.cky-opt-out-btn-wrapper .cky-btn:focus-visible,.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible{
outline:2px solid #1863dc;
outline-offset:2px}
@media (max-width:440px){
.cky-consent-container{
width:100%}
}
@media (max-width:352px){
.cky-notice-des a.cky-policy,.cky-notice-des a.cky-link-default,.cky-notice-btn-wrapper .cky-btn-do-not-sell{
font-size:12px}
}
.cky-opt-out-wrapper{
padding:12px 0}
.cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper{
display:flex;
align-items:center}
.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{
font-size:16px;
font-weight:700;
line-height:24px;
margin:0 0 0 12px;
cursor:pointer;
word-break:break-word}
.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{
background-color:#fff;
border:1px solid #000;
width:20px;
height:18.5px;
margin:0;
-webkit-appearance:none;
position:relative;
display:flex;
align-items:center;
justify-content:center;
border-radius:2px;
cursor:pointer}
.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked{
background-color:#1863dc;
border:none}
.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{
left:6px;
bottom:4px;
width:7px;
height:13px;
border:solid #fff;
border-width:0 3px 3px 0;
border-radius:2px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
content:"";
position:absolute;
box-sizing:border-box}
.cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label,.cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox{
cursor:no-drop}
.cky-gpc-wrapper{
margin:0 0 0 32px}
.cky-footer-wrapper .cky-optout-action-area{
padding:0 24px 22px 24px;
box-sizing:border-box}
.cky-footer-wrapper .cky-opt-out-btn-wrapper{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
justify-content:center;
padding-top:22px}
.cky-opt-out-btn-wrapper .cky-btn{
flex:auto;
max-width:100%;
text-shadow:none;
box-shadow:none}
.cky-opt-out-btn-wrapper .cky-btn-cancel{
border:1px solid #dedfe0;
background:#fff0;
color:#858585}
.cky-opt-out-btn-wrapper .cky-btn-confirm{
background:#1863dc;
color:#fff;
border:1px solid #1863dc}
.cky-optout-success{
border-radius:8px;
padding:8px 12px;
margin:0 auto;
box-sizing:border-box;
outline:none}
.cky-optout-success .cky-optout-success-inner{
display:flex;
flex-direction:column;
gap:4px}
.cky-optout-success .cky-optout-success-row{
display:flex;
align-items:flex-start}
.cky-optout-success .cky-optout-success-icon{
width:20px;
flex-shrink:0}
.cky-optout-success .cky-optout-success-text{
margin-inline-start:8px;
margin-top:1px;
font-weight:400;
font-size:13px;
line-height:20px}
.cky-optout-success .cky-optout-success-text p{
margin:0}
.cky-optout-success .cky-optout-success-subtext{
margin:0;
font-weight:400;
font-size:12px;
line-height:20px}
@media (max-width:440px){
.cky-footer-wrapper .cky-opt-out-btn-wrapper{
gap:10px}
}
@media (max-width:352px){
.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{
font-size:14px}
.cky-gpc-wrapper .cky-gpc-desc,.cky-gpc-wrapper .cky-gpc-desc *{
font-size:12px}
.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{
width:16px;
height:16px}
.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{
left:5px;
bottom:4px;
width:3px;
height:9px}
.cky-gpc-wrapper{
margin:0 0 0 28px}
}
.video-placeholder-youtube{
background-size:100% 100%;
background-position:center;
background-repeat:no-repeat;
background-color:#b2b0b059;
position:relative;
display:flex;
align-items:center;
justify-content:center;
max-width:100%}
.video-placeholder-text-youtube{
text-align:center;
align-items:center;
padding:10px 16px;
background-color:#000c;
color:#fff;
border:1px solid;
border-radius:2px;
cursor:pointer}
.video-placeholder-normal{
background-image:url("../../assets/landing-originals/1b83d6cf272d2e31c674.svg");
background-size:80px;
background-position:center;
background-repeat:no-repeat;
background-color:#b2b0b059;
position:relative;
display:flex;
align-items:flex-end;
justify-content:center;
max-width:100%}
.video-placeholder-text-normal{
align-items:center;
padding:10px 16px;
text-align:center;
border:1px solid;
border-radius:2px;
cursor:pointer}
.cky-rtl{
direction:rtl;
text-align:right}
.cky-rtl .cky-banner-btn-close{
left:9px;
right:auto}
.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{
margin-right:8px}
.cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child{
margin-right:0}
.cky-rtl .cky-notice-btn-wrapper{
margin-left:0;
margin-right:15px}
.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{
margin-right:8px}
.cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child{
margin-right:0}
.cky-rtl .cky-accordion .cky-accordion-chevron i::before{
border:none;
border-left:1.4px solid;
border-top:1.4px solid;
left:12px}
.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg)}
@media (max-width:768px){
.cky-rtl .cky-notice-btn-wrapper{
margin-right:0}
}
@media (max-width:576px){
.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{
margin-right:0}
.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{
margin-right:0}
.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{
padding:0 22px 0 0}
}
@media (max-width:425px){
.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{
padding:0 15px 0 0}
}
.cky-rtl .cky-opt-out-btn-wrapper .cky-btn{
margin-right:12px}
.cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child{
margin-right:0}
.cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{
margin:0 12px 0 0}
@supports not (gap:10px){
.cky-btn{
margin:0 8px 0 0}
@media (max-width:440px){
.cky-notice-btn-wrapper{
margin-top:0}
.cky-btn{
margin:10px 0 0 0}
.cky-notice-btn-wrapper .cky-btn-accept{
margin-top:16px}
}
@media (max-width:576px){
.cky-prefrence-btn-wrapper .cky-btn{
margin:10px 0 0 0}
}
@media (max-width:425px){
.cky-notice-btn-wrapper{
margin-top:0}
}
}
.cky-preference-header .cky-preference-title{
margin:0;
padding:0}
.cky-accordion-heading{
margin:0;
padding:0;
font:inherit;
color:inherit;
display:block}
@media (max-width:480px){
.cky-btn-revisit-wrapper{
width:36px;
height:36px}
.cky-btn-revisit-wrapper .cky-btn-revisit img{
height:22px;
width:22px}
.cky-revisit-bottom-left{
bottom:8px;
left:8px}
.cky-revisit-bottom-right{
bottom:8px;
right:8px}
}
.cky-attribution-icon{
display:inline-block;
width:24px;
height:24px;
margin-inline-end:8px;
vertical-align:bottom;
line-height:0}
.cky-attribution-icon svg{
width:24px;
height:24px;
display:block}
 .cky-btn {

-webkit-border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

border-radius: 4px 4px 4px 4px;

}


#cky-tab-title-preview-necessary &gt;
 label &gt;
 div{

display: none;

}


#cky-tab-title-necessary &gt;
 label:nth-child(1){

display: none;

}