/* ─── VARIABLES ─────────────────────────────────────────────── */
:root{
--a--font-size--xxxs:0.625rem;
--a--font-size--xxs:0.75rem;
--a--font-size--xs:0.875rem;
--a--font-size--s:0.9375rem;
--a--font-size--m:1rem;
--a--font-size--l:1.0625rem;
--a--font-size--xl:clamp(1.0625rem, calc(0.725rem + 1.125vw), 1.125rem);
--a--font-size--xxl:clamp(1.125rem, calc(1.05rem + 0.25vw), 1.25rem);
--a--font-weight--thin:100;
--a--font-weight--light-extra:200;
--a--font-weight--light:300;
--a--font-weight--regular:400;
--a--font-weight--medium:500;
--a--font-weight--bold-semi:600;
--a--font-weight--bold:700;
--a--font-weight--bold-extra:800;
--a--font-weight--black:900;
--a--letter-spacing--xxs:calc(var(--a--letter-spacing, 0em) - 0.1em);
--a--letter-spacing--xs:calc(var(--a--letter-spacing, 0em) - 0.05em);
--a--letter-spacing--s:calc(var(--a--letter-spacing, 0em) - 0.025em);
--a--letter-spacing--m:var(--a--letter-spacing, 0em);
--a--letter-spacing--l:calc(var(--a--letter-spacing, 0em) + 0.025em);
--a--letter-spacing--xl:calc(var(--a--letter-spacing, 0em) + 0.05em);
--a--letter-spacing--xxl:calc(var(--a--letter-spacing, 0em) + 0.1em);
--a--line-height--xxs:calc(var(--a--line-height, 1.7) - 0.6);
--a--line-height--xs:calc(var(--a--line-height, 1.7) - 0.4);
--a--line-height--s:calc(var(--a--line-height, 1.7) - 0.2);
--a--line-height--m:var(--a--line-height, 1.7);
--a--line-height--l:calc(var(--a--line-height, 1.7) + 0.1);
--a--line-height--xl:calc(var(--a--line-height, 1.7) + 0.2);
--a--line-height--xxl:calc(var(--a--line-height, 1.7) + 0.3);
--a--selection--color:var(--a--color--background);
--a--selection--background-color:var(--a--color--accent);
--a--heading--font-size--h6:calc(var(--a--heading--font-size, 1rem) * var(--a--heading--font-scale, 1.2));
--a--heading--font-size--h6--fluid:clamp(var(--a--heading--font-size, 1rem), calc(0.9rem + 0.4vw), var(--a--heading--font-size--h6, 1.2rem));
--a--heading--font-size--h5:calc(var(--a--heading--font-size--h6, 1.2rem) * var(--a--heading--font-scale, 1.2));
--a--heading--font-size--h5--fluid:clamp(var(--a--heading--font-size--h6, 1.2rem), calc(1.1rem + 0.5vw), var(--a--heading--font-size--h5, 1.44rem));
--a--heading--font-size--h4:calc(var(--a--heading--font-size--h5, 1.44rem) * var(--a--heading--font-scale, 1.2));
--a--heading--font-size--h4--fluid:clamp(var(--a--heading--font-size--h5, 1.44rem), calc(1.3rem + 0.6vw), var(--a--heading--font-size--h4, 1.728rem));
--a--heading--font-size--h3:calc(var(--a--heading--font-size--h4, 1.728rem) * var(--a--heading--font-scale, 1.2));
--a--heading--font-size--h3--fluid:clamp(var(--a--heading--font-size--h4, 1.728rem), calc(1.5rem + 0.7vw), var(--a--heading--font-size--h3, 2.074rem));
--a--heading--font-size--h2:calc(var(--a--heading--font-size--h3, 2.074rem) * var(--a--heading--font-scale, 1.2));
--a--heading--font-size--h2--fluid:clamp(var(--a--heading--font-size--h3, 2.074rem), calc(1.8rem + 0.8vw), var(--a--heading--font-size--h2, 2.488rem));
--a--heading--font-size--

/* ─── TYPOGRAPHY ─────────────────────────────────────────────── */
h1:calc(var(--a--heading--font-size--h2, 2.488rem) * var(--a--heading--font-scale, 1.2));
--a--heading--font-size--h1--fluid:clamp(var(--a--heading--font-size--h2, 2.488rem), calc(2.2rem + 1vw), var(--a--heading--font-size--h1, 2.986rem));
--a--heading--title--font-size--m:calc(var(--a--heading--font-size--h1, 2.986rem) * var(--a--heading--font-scale, 1.2));
--a--heading--title--font-size--m--fluid:clamp(var(--a--heading--font-size--h2, 2.488rem), calc(1.8rem + 2.2vw), var(--a--heading--title--font-size--m, 3.583rem));
--a--heading--title--font-size--l:calc(var(--a--heading--title--font-size--m, 3.583rem) * var(--a--heading--font-scale, 1.2));
--a--heading--title--font-size--l--fluid:clamp(var(--a--heading--font-size--h1, 2.986rem), calc(2.2rem + 2.6vw), var(--a--heading--title--font-size--l, 4.3rem));
--a--heading--sub--font-family:var(--a--font-family--secondary);
--a--heading--sub--font-size:max(0.5em, 1rem);
--a--heading--sub--font-weight:normal;
--a--heading--sub--letter-spacing:0;
--a--heading--sub--text-transform:none;
--a--spacing--0:0;
--a--spacing--1:1px;
--a--spacing--xxxs:calc(var(--a--spacing) / 8);
--a--spacing--xxs:calc(var(--a--spacing) / 4);
--a--spacing--xs:calc(var(--a--spacing) / 2);
--a--spacing--s:calc(var(--a--spacing) / 4 * 3);
--a--spacing--m:clamp(calc(var(--a--spacing) / 4 * 3), calc(1.5rem + 1.25vw), var(--a--spacing));
--a--spacing--l:clamp(var(--a--spacing), calc(2.75rem + 2.5vw), calc(var(--a--spacing) * 1.5));
--a--spacing--xl:clamp(var(--a--spacing), calc(1rem + 5vw), calc(var(--a--spacing) * 2));
--a--spacing--xxl:clamp(calc(var(--a--spacing) * 1.5), calc(1.5rem + 7.5vw), calc(var(--a--spacing) * 3));
--a--spacing--xxxl:clamp(calc(var(--a--spacing) * 2), calc(2rem + 10vw), calc(var(--a--spacing) * 4));
--a--container--width:90rem;
--a--container--width-max:120rem;
--a--container--spacing:var(--a--spacing--xs);
--a--

/* ─── BUTTONS ─────────────────────────────────────────────── */
button--primary--font-family:var(--a--font-family--primary, sans-serif);
--a--button--primary--font-size:var(--a--button--font-size);
--a--button--primary--font-weight:var(--a--button--font-weight);
--a--button--primary--letter-spacing:var(--a--button--letter-spacing);
--a--button--primary--text-transform:var(--a--button--text-transform);
--a--button--primary--line-height:var(--a--button--line-height);
--a--button--secondary--font-family:var(--a--font-family--secondary, sans-serif);
--a--button--secondary--font-size:var(--a--button--font-size);
--a--button--secondary--font-weight:var(--a--button--font-weight);
--a--button--secondary--letter-spacing:var(--a--button--letter-spacing);
--a--button--secondary--text-transform:var(--a--button--text-transform);
--a--button--secondary--line-height:var(--a--button--line-height);
--a--border--width--0:0;
--a--border--width--1:1px;
--a--border--width--xs:var(--a--border--width--1);
--a--border--width--s:max(calc(var(--a--border--width, 1px) / 2), var(--a--border--width--1));
--a--border--width--m:var(--a--border--width, 1px);
--a--border--width--l:max(calc(var(--a--border--width, 1px) * 2), 2px);
--a--border--width--xl:max(calc(var(--a--border--width, 1px) * 3), 3px);
--a--border--width--xxl:max(calc(var(--a--border--width, 1px) * 4), 4px);
--a--border--width--xxxl:max(calc(var(--a--border--width, 1px) * 6), 6px);
--a--border--radius--0:0;
--a--border--radius--1:1px;
--a--border--radius--xs:var(--a--border--radius--1);
--a--border--radius--s:max(calc(var(--a--border--radius, 3px) / 2), 2px);
--a--border--radius--m:var(--a--border--radius, 3px);
--a--border--radius--l:max(calc(var(--a--border--radius, 3px) * 2), 6px);
--a--border--radius--xl:max(calc(var(--a--border--radius, 3px) * 3), 9px);
--a--border--radius--xxl:max(calc(var(--a--border--radius, 3px) * 4), 12px);
--a--border--radius--xxxl:max(calc(var(--a--border--radius, 3px) * 6), 18px);
--a--outline--width--s:max(calc(var(--a--outline--width, 2px) / 2), 1px);
--a--outline--width--m:var(--a--outline--width, 2px);
--a--outline--width--l:min(calc(var(--a--outline--width, 2px) * 2), 4px);
--a--outline--offset--s:max(calc(var(--a--outline--width, 2px) / 2), 1px);
--a--outline--offset--m:var(--a--outline--offset, 2px);
--a--outline--offset--l:min(calc(var(--a--outline--width, 2px) * 2), 4px);
--a--divider--width:var(--a--border--width, 1px);
--a--divider--color:rgba(var(--a--color-rgb), 0.2);
--a--

/* ─── TABLES AND LISTS ─────────────────────────────────────────────── */
table--border-width:var(--a--border--width--s);
--a--table--border-color:rgba(var(--a--color-rgb), 0.2);
--a--table--stripe-color:rgba(var(--a--color-rgb), 0.05);
--a--table--stripe--background-image:linear-gradient(to right, transparent, var(--a--table--stripe-color), transparent);
--a--table--stripe--background-color:transparent;
--a--layer--1:10;
--a--layer--2:20;
--a--layer--3:30;
--a--layer--4:40;
--a--layer--5:50;
--a--layer--6:60;
--a--layer--7:70;
--a--layer--8:80;
--a--layer--9:90;
--a--layer--top:900;
--a--transition--duration--third:calc(var(--a--transition--duration, 0.3s) / 3);
--a--transition--duration--half:calc(var(--a--transition--duration, 0.3s) / 2);
--a--transition--duration--double:calc(var(--a--transition--duration, 0.3s) * 2);
--a--transition--duration--triple:calc(var(--a--transition--duration, 0.3s) * 3);
--a--transition--timing-function--ease:ease;
--a--transition--timing-function--ease-in:ease-in;
--a--transition--timing-function--ease-out:ease-out;
--a--transition--timing-function--ease-in-out:ease-in-out;
--a--transition--timing-function--linear:linear;
--a--transition--timing-function--step-start:step-start;
--a--transition--timing-function--step-end:step-end;
--a--color:rgba(var(--a--color-rgb), 1);
--a--color--accent:rgba(var(--a--color--accent-rgb), 1);
--a--color--highlight:rgba(var(--a--color--highlight-rgb), 1);
--a--color--significant:rgba(var(--a--color--significant-rgb), 1);
--a--color--contrast:rgba(var(--a--color--contrast-rgb), 1);
--a--color--background:rgba(var(--a--color--background-rgb), 1);
--a--color--success:rgba(var(--a--color--success-rgb), 1);
--a--color--warning:rgba(var(--a--color--warning-rgb), 1);
--a--color--error:rgba(var(--a--color--error-rgb), 1);
--a--link--color:rgba(var(--a--link--color-rgb), 1);
--a--link--color--active:rgba(var(--a--link--color--active-rgb), 1)
}
*,:after,:before{


/* ─── GLOBAL RESET ─────────────────────────────────────────────── */
box-sizing:border-box;
background-repeat:no-repeat
}
blockquote,blockquote>*,body,dd,dl,figure,ol ol,ol ul,pre,ul ol,ul ul{
margin:0
}
ol[role=list],ul[role=list]{
list-style:none
}
audio,canvas,iframe,img,progress,svg,video{
vertical-align:middle
}
audio:not([controls]){
display:none;
height:0
}
iframe{
border:none
}
button,

/* ─── FORMS AND INPUTS ─────────────────────────────────────────────── */
input,select,textarea{
font:inherit
}
::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
height:auto
}
::-webkit-file-upload-button{
font:inherit
}
::-moz-focus-inner{
border-style:none;
padding:0
}
:-moz-ui-invalid{
box-shadow:none
}
:where(html,body){
min-height:100%
}
html{
font-family:var(--a--font-family--secondary, sans-serif);
font-size:var(--a--font-size--base, 16px);
scroll-behavior:smooth;
-webkit-text-size-adjust:100%;
tab-size:4;
-moz-tab-size:4
}
body{
min-width:320px;
font-weight:var(--a--font-weight,400);
letter-spacing:var(--a--letter-spacing, 0);
text-transform:var(--a--text-transform,none);
line-height:var(--a--line-height, 1.7);
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeSpeed;
color:var(--a--body--color,var(--a--color));
background-color:var(--a--body--background-color,var(--a--color--background));
transition:background-color var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
::selection{
color:var(--a--selection--color);
background-color:var(--a--selection--background-color);
text-shadow:none
}
::-moz-selection{
color:var(--a--selection--color);
background-color:var(--a--selection--background-color);
text-shadow:none
}
input::selection,select::selection,textarea::selection{
-webkit-text-fill-color:var(--a--selection--color)
}
input:-webkit-autofill::selection,select:-webkit-autofill::selection,textarea:-webkit-autofill::selection{
-webkit-text-fill-color:var(--a--selection--color)
}
[id]{
scroll-margin-top:var(--a--anchor--gutter,5rem)
}
a{
text-decoration:var(--link--text-decoration,underline);
text-decoration-thickness:var(--link--text-decoration-thickness,from-font);
text-underline-offset:var(--link--text-underline-offset,0.1ch);
color:var(--link--color,var(--a--link--color));
outline:transparent var(--a--outline--style) var(--a--outline--width);
outline-offset:var(--a--outline--offset);
transition-property:color,background-color,background-size,border,box-shadow,text-decoration,outline,opacity;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out);
text-underline-offset:0.25ch
}
a:where(:hover,:focus){
--link--color:var(--a--link--color--active);
--link--text-decoration:underline transparent
}
a:where(:focus-visible){
outline-color:currentColor
}
:where(h1,h2,h3,h4,h5,h6){
margin-block:var(--h--spacing--top,calc(1em + 0.5rem)) var(--h--spacing--bottom,calc(0.5em + 0.5rem));
font-family:var(--h--font-family, var(--a--heading--font-family, sans-serif));
font-size:var(--h--font-size, var(--a--heading--font-size, 1rem));
font-weight:var(--h--font-weight,var(--a--heading--font-weight,700));
letter-spacing:var(--h--letter-spacing, var(--a--heading--letter-spacing, 0));
text-transform:var(--h--text-transform,var(--a--heading--text-transform,none));
line-height:var(--h--line-height, var(--a--heading--line-height, calc(2ex + .1em)));
word-wrap:break-word;
overflow-wrap:break-word
}
:where(h1,h2,h3,h4,h5,h6):first-child{
margin-block-start:0
}
:where(h1,h2,h3,h4,h5,h6):last-child{
margin-block-end:0
}
:is(h1,h2,h3,h4,h5,h6)+:is(small,p,ul,ol,form){
margin-block-start:var(--spacing,1em)
}
:is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6){
--h--spacing--top:1em
}
h1{
--h--font-size:var(--a--heading--font-size--h1--fluid, var(--a--heading--font-size--h1))
}
h2{
--h--font-size:var(--a--heading--font-size--h2--fluid, var(--a--heading--font-size--h2))
}
h3{
--h--font-size:var(--a--heading--font-size--h3--fluid, var(--a--heading--font-size--h3))
}
h4{
--h--font-size:var(--a--heading--font-size--h4--fluid, var(--a--heading--font-size--h4))
}
h5{
--h--font-size:var(--a--heading--font-size--h5--fluid, var(--a--heading--font-size--h5))
}
h6{
--h--font-size:var(--a--heading--font-size--h6--fluid, var(--a--heading--font-size--h6))
}
:where(h1,h2,h3,h4,h5,h6) small{
font-family:var(--a--heading--sub--font-family);
font-size:var(--a--heading--sub--font-size);
font-weight:var(--a--heading--sub--font-weight);
letter-spacing:var(--a--heading--sub--letter-spacing);
text-transform:var(--a--heading--sub--text-transform);
line-height:inherit;
vertical-align:baseline
}
address,blockquote,details,dl,figure,ol,pre,progress,table,ul{
margin-block-end:var(--spacing,var(--a--spacing--m))
}
p{
margin-block:0
}
p:where(:not(:first-child)){
margin-block-start:var(--p--spacing,var(--a--spacing--s))
}
p:where(:not(:last-child)){
margin-block-end:var(--p--spacing,var(--a--spacing--s))
}
ol,ul{
padding-inline-start:var(--spacing,var(--a--spacing--m))
}
ul{
list-style:square
}
iframe,img,picture,video{
max-inline-size:100%;
block-size:auto
}
blockquote{
display:flex;
gap:var(--quote--spacing,var(--a--spacing--s));
flex-direction:column;
padding-block:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)));
font-family:var(--a--heading--font-family);
font-size:var(--a--heading--font-size--h3--fluid);
line-height:var(--a--heading--line-height)
}
blockquote p{
line-height:inherit
}
blockquote cite{
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size);
font-style:normal
}
code,kbd,pre,samp{
font-family:monospace
}
code{
padding:.25em .5em;
font-size:var(--a--font-size--s);
border:var(--a--border--width--s) solid rgba(var(--a--color-rgb),.2);
border-radius:var(--a--border--radius--s)
}
pre{
display:block;
padding:min(var(--pre--spacing,var(--a--spacing--s)),var(--pre--spacing--min,var(--a--spacing--xs)));
overflow-x:auto;
text-align:start
}
pre>code{
display:block;
padding:0;
border:0
}
kbd{
padding:.25em .5em;
color:var(--a--color--accent);
border:var(--a--border--width--s) solid currentColor;
border-radius:var(--a--border--radius--s);
box-shadow:1px 1px 0,2px 2px 0
}
mark{
padding:.25em .5em;
color:inherit;
background-color:rgba(var(--a--color--accent-rgb),.1);
border-radius:var(--a--border--radius--s)
}
mark a{
color:inherit
}
br+mark{
margin-inline-start:calc(.5em * -1)
}
address{
font-style:normal
}
:where(abbr,acronym)[title]{
cursor:help;
text-decoration:underline dotted currentColor;
text-underline-offset:var(--abbr--text-underline-offset,0.5ch);
transition:text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
ins{
text-decoration:none
}
sub,sup{
position:relative;
font-size:.75em
}
hr{
box-sizing:content-box;
margin:var(--hr--spacing,var(--a--spacing--m)) 0;
overflow:visible;
border:solid var(--a--divider--color);
border-width:var(--a--divider--width) 0 0
}
dl dt{
font-family:var(--a--heading--font-family, sans-serif);
font-size:var(--a--font-size--l);
font-weight:var(--a--heading--font-weight,700);
letter-spacing:var(--a--heading--letter-spacing, 0);
text-transform:var(--a--heading--text-transform,none)
}
dl dd{
margin-inline-start:var(--dl--spacing,var(--a--spacing--s))
}
figure figcaption{
padding-block:var(--caption--spacing--v,var(--a--spacing--xxs));
font-size:var(--a--font-size--s);
line-height:var(--a--line-height--s)
}
details{
padding:var(--details--spacing--v,var(--a--spacing--s)) var(--details--spacing--h,var(--a--spacing--s))
}
details summary{
position:relative;
padding:var(--summary--spacing--v,var(--a--spacing--xs)) var(--details--spacing--h,var(--a--spacing--s));
margin:calc(var(--details--spacing--v,var(--a--spacing--s)) * -1) calc(var(--details--spacing--h,var(--a--spacing--s)) * -1);
font-family:var(--a--heading--font-family, sans-serif);
font-size:var(--a--heading--font-size--h6--fluid, var(--a--heading--font-size--h6));
font-weight:var(--a--heading--font-weight,700);
letter-spacing:var(--a--heading--letter-spacing, 0);
text-transform:var(--a--heading--text-transform,none);
line-height:var(--a--line-height--s);
cursor:pointer;
user-select:none;
color:var(--summary--color,currentColor);
background-color:var(--summary--background-color,transparent);
outline:transparent var(--a--outline--style) var(--a--outline--width);
transition-property:color,background-color,outline;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
details summary::marker{
content:'';
display:none
}
details summary::-webkit-details-marker{
display:none
}
details summary:after{
content:'';
position:absolute;
display:block;
top:50%;
right:var(--details--icon--spacing,var(--details--spacing--h,var(--a--spacing--s)));
width:var(--details--icon--size,.75rem);
height:var(--details--icon--size,.75rem);
margin-top:calc(var(--details--icon--size,.75rem)/ 2 * -1);
border-right:var(--details--icon--thickness,var(--a--border--width--l)) solid currentColor;
border-bottom:var(--details--icon--thickness,var(--a--border--width--l)) solid currentColor;
transform:rotate(45deg);
transform-origin:center;
transition:transform var(--a--transition--duration--half) var(--a--transition--timing-function--ease-in-out)
}
[dir=rtl] details summary:after{
right:auto;
left:var(--details--icon--spacing,var(--a--spacing--s))
}
details summary:where(:hover,:focus){
--summary--color:var(--a--color--accent)
}
details summary:where(:focus-visible){
outline-color:currentColor
}
details>:where(p,div){
padding:0;
margin:0
}
details:where([open]){
--summary--color:var(--a--color--accent);
padding-bottom:var(--details--spacing--v,var(--a--spacing--s))
}
details:where([open]) summary{
margin-bottom:calc(var(--summary--spacing--v,var(--a--spacing--s))/ 2)
}
details:where([open]) summary:after{
transform:rotate(-135deg)
}
details+details{
margin-top:calc(var(--spacing,var(--a--spacing--m))/ 2 * -1)
}
svg:not([fill]){
fill:currentColor;
transition:fill var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
table{
width:100%;
text-indent:0;
border-collapse:collapse;
border-spacing:0;
border-color:inherit
}
table caption{
padding-block-end:var(--a--spacing--xs);
font-family:var(--a--heading--font-family, sans-serif);
font-size:var(--a--heading--font-size--h5--fluid);
font-weight:var(--a--heading--font-weight,700);
letter-spacing:var(--a--heading--letter-spacing, 0);
text-transform:var(--a--heading--text-transform,none);
text-align:inherit
}
table>:not(:first-child){
border-top:calc(var(--table--border-width,var(--a--table--border-width,var(--a--border--width--s))) * 2) solid
}
:where(th,td){
padding:var(--table--spacing--v,var(--a--spacing--xxs)) var(--table--spacing--h,var(--a--spacing--xs));
line-height:var(--a--line-height--s);
text-align:start;
border-bottom:var(--table--border-width,var(--a--table--border-width,var(--a--border--width--s))) solid var(--table--border-color,var(--a--table--border-color,rgba(var(--a--color-rgb),.2)))
}
:where(th,td):first-child{
padding-inline-start:0
}
:where(th,td):last-child{
padding-inline-end:0
}
th{
line-height:var(--a--heading--line-height)
}
table[role=grid] tbody tr:nth-child(odd){
background-color:var(--a--table--stripe--background-color);
background-image:var(--a--table--stripe--background-image)
}
nav{
display:block
}
nav ul{
display:flex;
flex-wrap:wrap;
align-items:center;
padding:0;
margin:0;
list-style:none
}
nav li{
display:inline-block;
padding:var(--nav--spacing--v,var(--a--spacing--xxs)) var(--nav--spacing--h,var(--a--spacing--s))
}
nav :is(a,button){
display:block;
padding:var(--nav--spacing--v,var(--a--spacing--xxs)) var(--nav--spacing--h,var(--a--spacing--s));
margin:calc(var(--nav--spacing--v,var(--a--spacing--xxs)) * -1) calc(var(--nav--spacing--h,var(--a--spacing--s)) * -1);
text-decoration:none;
line-height:var(--a--line-height--s);
outline-offset:calc(var(--a--outline--offset) * -1)
}
nav :is(a,button) p{
margin:0;
font-size:var(--a--font-size--xxs)
}
nav :is(a,button):where([aria-current]){
--link--color:var(--a--link--color--active)
}
nav li:where(:hover,:focus-within)>a{
--link--color:var(--a--link--color--active)
}
nav input,nav label+input{
margin:0
}
:not(aside)>nav li{
position:relative
}
:not(aside)>nav li ul{
opacity:0;
pointer-events:none;
flex-direction:column;
align-items:stretch;
position:absolute;
top:100%;
left:0;
width:max-content;
min-width:100%;
padding-top:var(--nav--spacing--v,var(--a--spacing--xxs));
padding-bottom:var(--nav--spacing--v,var(--a--spacing--xxs));
z-index:var(--a--layer--9);
line-height:normal;
background-color:var(--a--color--background);
--shadow--size:var(--a--spacing);
--shadow--color:rgba(var(--a--color--shadow-rgb), 5%);
box-shadow:0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),0 var(--shadow--size) var(--shadow--size) var(--shadow--color);
transition-property:opacity,margin;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
[dir=rtl] :not(aside)>nav li ul{
right:0;
left:auto
}
:not(aside)>nav li ul li{
display:block;
padding:0
}
:not(aside)>nav li ul a{
display:block;
padding-top:var(--nav--spacing--v,var(--a--spacing--xxs));
padding-bottom:var(--nav--spacing--v,var(--a--spacing--xxs));
margin:0
}
:not(aside)>nav li:where(:hover,:focus-within)>ul{
opacity:1;
pointer-events:auto
}
:not(aside)>nav li li ul{
top:0;
left:0;
margin-top:calc(var(--nav--spacing--v,var(--a--spacing--xxs)) * -1)
}
[dir=rtl] :not(aside)>nav li li ul{
right:100%;
left:auto
}
aside nav{
padding:var(--a--spacing) 0
}
aside nav ul{
flex-direction:column;
align-items:unset
}
aside li{
padding:0
}
aside li ul{
margin-inline-start:var(--nav--spacing--h,var(--a--spacing--s))
}
aside a{
margin:0
}
progress{
display:block;
width:100%;
height:var(--progress--height,var(--a--progress--size,1rem));
overflow:hidden;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:var(--progress--color,var(--a--progress--color));
background-color:var(--progress--background-color,var(--a--progress--background-color));
border-radius:var(--progress--border-radius,var(--a--border--radius));
border:0
}
progress::-webkit-progress-bar{
background-color:transparent;
border-radius:inherit
}
progress[value]::-webkit-progress-value{
background-color:var(--progress--color,var(--a--progress--color))
}
progress[value]::-moz-progress-bar{
background-color:var(--progress--color,var(--a--progress--color))
}


/* ─── MEDIA QUERIES ─────────────────────────────────────────────── */
@media (prefers-reduced-motion:no-preference){
progress:indeterminate{
background-image:linear-gradient(to right,var(--progress--color,var(--a--progress--color)),var(--progress--color,var(--a--progress--color)));
background-color:var(--progress--background-color,var(--a--progress--background-color));
background-size:25% 100%;
background-position:0 0;
background-repeat:no-repeat;
animation:3s linear infinite progress
}

}
progress:indeterminate::-moz-progress-bar{
background-color:transparent
}
@keyframes progress{
0%,100%{
background-position:0 0
}
50%{
background-position:100% 0
}

}
meter{
position:relative;
top:1px;
height:var(--meter--height,var(--a--progress--size,1rem));
vertical-align:baseline;
overflow:hidden;
color:var(--meter--color,var(--a--progress--color));
background:var(--meter--background-color,var(--a--progress--color-background));
border-radius:var(--meter--border-radius,var(--a--border--radius));
border:0
}
meter::-webkit-meter-inner-element{
grid-template-rows:auto
}
meter::-webkit-meter-bar{
background-color:transparent;
background-image:none;
border-radius:var(--meter--border-radius,var(--a--border--radius));
border:0
}
meter::-webkit-meter-optimum-value{
background-color:currentColor;
background-image:none
}
meter::-moz-meter-bar{
background:currentColor
}
[role=alert]{
display:block;
padding:var(--alert--spacing--v,var(--a--spacing--xs)) var(--alert--spacing--h,var(--a--spacing--s));
margin-block-end:var(--alerts--spacing,var(--a--spacing--s));
color:var(--alert--color,var(--a--color));
background-color:var(--alert--background-color,rgba(var(--a--color-rgb),5%));
border:var(--alert--border-width,var(--a--border--width--1)) solid var(--alert--border-color,var(--a--color));
border-radius:var(--alert--border-radius,var(--a--border--radius))
}
[role=alert]>*{
margin-block:0
}
[role=alert]>*+*{
margin-block-start:max(calc(var(--alert--spacing--v,var(--a--spacing--xs))/ 2),var(--a--spacing--xxs))
}
[role=alert] :where(a){
color:inherit
}
[role=alert] :where(p){
line-height:var(--a--line-height--xs)
}
[role=alert] :where(h4,h5,h6){
font-size:var(--alert--heading--font-size, var(--a--heading--font-size--h5--fluid))
}
[role=alert]+[role=alert]{
margin-block-start:var(--alerts--spacing,var(--a--spacing--xs))
}
header>:where(h1,h2,h3,h4,h5,h6){
--h--spacing--top:0;
--h--spacing--bottom:0
}
section{
padding-block:var(--section--spacing,var(--a--spacing--m))
}
section :where(header){
margin-block-end:max(var(--section--spacing--inner,var(--section--spacing,var(--a--spacing--m)),var(--a--spacing--s)))
}
:where(form) label[for]:not(:has(+[disabled],[disabled],+[readonly],[readonly])){
cursor:pointer
}
:where(form) p{
--p--spacing:var(--a--spacing--xxs)
}
fieldset{
padding:0;
margin:0;
border:none
}
fieldset:not(:last-of-type){
margin:0 0 var(--fieldset--spacing--v,var(--a--spacing--m))
}
fieldset>ul{
padding:0;
list-style:none
}
fieldset>p{
--p--spacing:var(--a--spacing--s)
}
legend{
padding:0;
margin:0 0 var(--legend--spacing--v,var(--a--spacing--m));
font-family:var(--a--heading--font-family);
font-size:var(--a--heading--font-size--h4--fluid);
font-weight:var(--a--heading--font-weight,700);
letter-spacing:var(--a--heading--letter-spacing, 0);
text-transform:var(--a--heading--text-transform,none);
line-height:var(--a--heading--line-height, 1.3);
color:inherit
}
legend abbr[title]{
vertical-align:super;
font-size:var(--a--font-size);
font-weight:var(--a--font-weight);
border:0
}
legend+p{
margin-top:0
}
label{
font-family:var(--a--label--font-family, sans-serif);
font-size:var(--a--label--font-size, var(--a--font-size--l));
font-weight:var(--a--label--font-weight,normal);
letter-spacing:var(--a--label--letter-spacing, 0);
text-transform:var(--a--label--text-transform,none);
line-height:var(--a--line-height--xs);
color:var(--label--color,var(--a--label--color,var(--a--color)));
vertical-align:middle;
user-select:none;
-webkit-tap-highlight-color:transparent;
transition-property:color;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
label+label{
padding-inline-start:var(--a--spacing--s)
}
label small{
display:block;
font-size:var(--a--font-size--xs);
opacity:75%
}
label abbr[title]{
vertical-align:super;
font-size:min(var(--a--label--font-size, var(--a--font-size--l)), var(--a--font-size));
text-decoration-color:transparent
}
label:focus-within:not(:has([disabled],[readonly])):not([class*=button]){
--label--color:var(--a--label--color--active, var(--a--color--accent))
}
label :is(input:not([type=checkbox],[type=radio])),label :is(select,textarea,progress){
margin-top:var(--a--label--spacing,var(--a--spacing--xxxs))
}
label+:is(input,select,textarea,progress){
margin-top:var(--a--label--spacing,var(--a--spacing--xxxs))
}
label+small+:is(input,select,textarea,progress){
margin-top:var(--a--label--spacing,var(--a--spacing--xxxs))
}
:where(legend,label,input,select,textarea)+small{
display:block;
padding:var(--a--field--spacing--vertical) 0;
margin:calc(var(--a--field--spacing--outer,var(--a--spacing--s)) * -1) 0 0;
font-size:var(--hint--font-size, var(--a--font-size--s));
color:var(--hint--color,rgba(var(--a--color-rgb),75%))
}
:where(legend)+small{
--hint--font-size:var(--a--font-size);
margin:calc(var(--a--spacing--xs) * -1) 0 var(--a--spacing--s)
}
input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{
appearance:none;
-webkit-appearance:none;
line-height:var(--field--line-height, var(--a--field--line-height));
color:var(--field--color,var(--a--field--color,var(--a--color)));
background-color:var(--field--background-color,var(--a--field--background-color,var(--a--color--background)));
border:solid var(--field--border-color,var(--a--field--border-color));
border-width:var(--field--border-width,var(--a--field--border-width,var(--a--border--width)));
border-radius:var(--field--border-radius,var(--a--field--border-radius,var(--a--border--radius)));
box-shadow:var(--field--box-shadow,var(--a--field--shadow));
outline:0;
transition-property:color,background-color,border-color,box-shadow,outline,opacity;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
input:where(:not([type=button],[type=reset],[type=submit]))::placeholder,select::placeholder,textarea::placeholder{
color:var(--a--field--placeholder--color,var(--a--color));
transition:color var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
input:where(:not([type=button],[type=reset],[type=submit]))::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{
color:var(--a--field--placeholder--color,var(--a--color));
transition:color var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
input:where(:not([type=button],[type=reset],[type=submit])):focus:not(:disabled)::placeholder,select:focus:not(:disabled)::placeholder,textarea:focus:not(:disabled)::placeholder{
color:var(--a--field--placeholder--color--active,var(--a--color))
}
input:where(:not([type=button],[type=reset],[type=submit])):focus:not(:disabled)::-moz-placeholder,select:focus:not(:disabled)::-moz-placeholder,textarea:focus:not(:disabled)::-moz-placeholder{
color:var(--a--field--placeholder--color--active,var(--a--color))
}
input:where(:not([type=button],[type=reset],[type=submit]))[disabled],select[disabled],textarea[disabled]{
cursor:not-allowed;
background-image:repeating-linear-gradient(-45deg,transparent,transparent var(--field--disabled--stripe--size,.5rem),rgba(var(--field--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--field--disabled--stripe--opacity,10%)) var(--field--disabled--stripe--size,.5rem),rgba(var(--field--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--field--disabled--stripe--opacity,10%)) calc(var(--field--disabled--stripe--size,.5rem) * 2))
}
input:where(:not([type=button],[type=reset],[type=submit]))[readonly],select[readonly],textarea[readonly]{
cursor:default;
background-color:var(--a--field--background-color--readonly)
}
input:where(:not([disabled],[readonly],[type=button],[type=reset],[type=submit])):is(:focus,:focus-within),select:where(:not([disabled],[readonly])):is(:focus,:focus-within),textarea:where(:not([disabled],[readonly])):is(:focus,:focus-within){
--field--color:var(--a--field--color--active, var(--a--color));
--field--background-color:var(--a--field--background-color--active, var(--a--field--background-color));
--field--border-color:var(--a--field--border-color--active, var(--a--color));
--field--box-shadow:var(--a--field--shadow--active)
}
input:where(:not([type=checkbox],[type=radio],[type=button],[type=reset],[type=submit])),select,textarea{
width:100%;
padding:var(--a--field--spacing--vertical,.625rem) var(--a--field--spacing--horizontal,1.25rem);
margin:0 0 var(--a--field--spacing--outer,var(--a--spacing--s));
font-family:var(--a--font-family--secondary, sans-serif);
font-size:var(--a--field--font-size, var(--a--font-size));
font-weight:400;
line-height:var(--a--field--line-height, 1.5rem)
}
input:where(:not([type=checkbox],[type=radio],[type=button],[type=reset],[type=submit])):not([hidden]),select:not([hidden]),textarea:not([hidden]){
display:block
}
[type=date],[type=time],select{
-moz-padding-start:calc(var(--a--field--spacing--horizontal,1.25rem) - 5px)
}
:where(input,select,textarea)[aria-invalid=false]:not(:placeholder-shown){
--field--border-color:var(--a--color--success)
}
:where(input,select,textarea)[aria-invalid=false]:not(:placeholder-shown):focus{
--field--box-shadow:var(--a--field--shadow--valid)
}
:where(input,select,textarea)[aria-invalid=true]{
--field--border-color:var(--a--color--error);
--field--box-shadow:var(--a--field--shadow--invalid)
}
:where(input,select,textarea)[aria-invalid=true]+small{
--field--color:var(--a--color--error)
}
select{
text-transform:none;
padding-inline-end:calc(var(--a--field--spacing--horizontal,1.25rem) + var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem)));
background-image:linear-gradient(45deg,transparent 49%,var(--field--arrow--color,var(--a--field--color,var(--a--color))) 51%),linear-gradient(135deg,var(--field--arrow--color,var(--a--field--color,var(--a--color))) 49%,transparent 51%);
background-position:center right calc(var(--field--arrow--size,4px) + var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem))),center right var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem));
background-size:var(--field--arrow--size,4px) var(--field--arrow--size,4px),var(--field--arrow--size,4px) var(--field--arrow--size,4px);
backface-visibility:hidden
}
[dir=rtl] select{
background-position:center left var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem)),center left calc(var(--field--arrow--size,4px) + var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem)))
}
select:focus{
--field--arrow--color:var(--a--field--color--active, var(--a--color))
}
select option[disabled]{
color:var(--a--field--placeholder--color)
}
select:has(option[disabled]:checked){
color:var(--a--field--placeholder--color)
}
select:has(option[disabled]:checked) option:not([disabled]){
color:var(--a--field--color)
}
select optgroup{
font-style:normal
}
select[multiple]{
background-image:none;
--scrollbar--width:6px
}
select[multiple]:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:rgba(var(--a--color-rgb),0.2) transparent;
scrollbar-width:thin
}
select[multiple]::-webkit-scrollbar{
background-color:transparent;
width:6px;
height:6px
}
select[multiple]::-webkit-scrollbar-thumb{
background-color:rgba(var(--a--color-rgb),.2);
background-clip:content-box
}
select[multiple]::-webkit-scrollbar-track{
background-color:transparent
}
select[multiple] optgroup option:first-child{
margin-top:.2em
}
select[multiple] option{
background-color:transparent
}
textarea{
white-space:revert;
display:block;
line-height:var(--a--line-height--s);
resize:vertical;
overflow:auto;
--scrollbar--width:6px
}
textarea:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:rgba(var(--a--color-rgb),0.2) transparent;
scrollbar-width:thin
}
textarea::-webkit-scrollbar{
background-color:transparent;
width:6px;
height:6px
}
textarea::-webkit-scrollbar-thumb{
background-color:rgba(var(--a--color-rgb),.2);
background-clip:content-box
}
textarea::-webkit-scrollbar-track{
background-color:transparent
}
textarea:where(:not([rows])){
max-height:50vh;
min-height:7lh
}
textarea::-webkit-input-placeholder{
line-height:var(--field--linhe-height, var(--a--field--line-height))
}
[type=checkbox],[type=radio]{
position:relative;
flex-shrink:0;
width:var(--field--checkbox-radio--size,var(--a--field--checkbox-radio--size,1.25rem));
height:var(--field--checkbox-radio--size,var(--a--field--checkbox-radio--size,1.25rem));
margin-inline-start:0;
margin-inline-end:var(--a--spacing--xxs);
font-size:var(--field--checkbox-radio--size, var(--a--field--checkbox-radio--size, 1.25rem));
vertical-align:middle;
cursor:pointer;
background-position:center
}
[type=checkbox]+label,[type=radio]+label{
vertical-align:middle
}
[type=checkbox]+label+[type=checkbox],[type=checkbox]+label+[type=radio],[type=radio]+label+[type=checkbox],[type=radio]+label+[type=radio]{
margin-inline-start:var(--a--spacing--xxs)
}
[type=checkbox]:focus+label,[type=radio]:focus+label{
--label--color:var(--a--label--color--active, var(--a--color--accent))
}
label>:where([type=checkbox],[type=radio]){
top:-.05em
}
[type=checkbox]{
background-image:linear-gradient(to right,var(--field--checkbox-radio--color,transparent),var(--field--checkbox-radio--color,transparent));
background-size:.5rem .5rem;
border-radius:min(var(--a--field--border-radius,var(--a--border--radius)),2px)
}
[type=checkbox]:checked,[type=radio]:checked{
--field--checkbox-radio--color:var(--a--field--border-color--active, var(--a--color))
}
[type=radio]{
border-radius:50%;
margin-bottom:3px;
background-image:radial-gradient(closest-side,var(--field--checkbox-radio--color,transparent) 94%,transparent 100%);
background-size:.5rem .5rem
}
[type=date],[type=datetime-local],[type=month],[type=time],[type=week]{
height:calc(var(--field--line-height,var(--a--field--line-height)) + (var(--a--field--spacing--vertical,.625rem) * 2) + (var(--a--field--border-width) * 2))
}
[type=date]::-webkit-clear-button,[type=date]::-webkit-inner-spin-button,[type=date]::-webkit-outer-spin-button,[type=datetime-local]::-webkit-clear-button,[type=datetime-local]::-webkit-inner-spin-button,[type=datetime-local]::-webkit-outer-spin-button,[type=month]::-webkit-clear-button,[type=month]::-webkit-inner-spin-button,[type=month]::-webkit-outer-spin-button,[type=time]::-webkit-clear-button,[type=time]::-webkit-inner-spin-button,[type=time]::-webkit-outer-spin-button,[type=week]::-webkit-clear-button,[type=week]::-webkit-inner-spin-button,[type=week]::-webkit-outer-spin-button{
margin:0;
appearance:none
}
[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{
padding:0;
cursor:pointer
}
[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{
width:18px;
height:16px;
background-image:linear-gradient(to bottom,transparent 8px,var(--field--icon--color,var(--a--field--color,var(--a--color))) 8px,var(--field--icon--color,var(--a--field--color,var(--a--color))) 10px,transparent 10px),linear-gradient(to right,var(--field--icon--color,var(--a--field--color,var(--a--color))),var(--field--icon--color,var(--a--field--color,var(--a--color))));
background-size:18px 16px,4px 4px,14px 12px,18px 16px;
background-position:0 -4px,10px 8px,top 2px left 2px,0 0;
border-radius:calc(var(--a--field--border-radius,var(--a--border--radius))/ 2);
box-shadow:inset 0 0 0 2px var(--field--icon--color,var(--a--field--color,var(--a--color)))
}
[type=time]{
--field--icon--color:var(--a--field--color, var(--a--color))
}
[type=time]::-webkit-calendar-picker-indicator{
width:14px;
height:14px;
background-image:linear-gradient(to bottom,var(--field--icon--color),var(--field--icon--color)),linear-gradient(to right,var(--field--icon--color),var(--field--icon--color));
background-size:6px 2px,2px 6px;
background-position:6px 6px,6px 2px;
border-radius:50%;
box-shadow:0 0 0 2px var(--field--icon--color)
}
[type=number]{
min-width:var(--a--spacing--l);
padding-inline-end:0;
font-variant-numeric:tabular-nums
}
[type=color]{
height:calc(var(--field--line-height,var(--a--field--line-height)) + (var(--a--field--spacing--vertical,.625rem) * 2) + (var(--a--field--border-width) * 2));
padding:var(--a--field--spacing--vertical,.625rem)
}
[type=color]::-webkit-color-swatch-wrapper{
padding:0
}
[type=color]::-moz-focus-inner{
padding:0
}
[type=color]::-webkit-color-swatch{
border:0;
border-radius:calc(var(--a--field--border-radius,var(--a--border--radius))/ 2)
}
[type=color]::-moz-color-swatch{
border:0;
border-radius:calc(var(--a--field--border-radius,var(--a--border--radius))/ 2)
}
[type=range]{
height:calc(var(--field--line-height,var(--a--field--line-height)) + (calc(var(--a--field--spacing--vertical,.625rem)) * 2) + (var(--a--field--border-width) * 2));
padding-right:0;
padding-left:0;
appearance:none;
background:0 0;
border:transparent;
box-shadow:none
}
[type=range]::-webkit-slider-runnable-track{
width:100%;
height:var(--a--field--border-width,var(--a--border--width));
background-color:var(--a--field--border-color);
border-radius:var(--a--field--border-radius,var(--a--border--radius))
}
[type=range]::-moz-range-track{
width:100%;
height:var(--a--field--border-width,var(--a--border--width));
background-color:var(--a--field--border-color);
border-radius:var(--a--field--border-radius,var(--a--border--radius))
}
[type=range]::-webkit-slider-thumb{
width:var(--a--field--range-thumb--size,1.5rem);
height:var(--a--field--range-thumb--size,1.5rem);
margin-top:calc(var(--a--field--range-thumb--size,1.5rem)/ 2 * -1);
appearance:none;
cursor:pointer;
background-color:rgba(var(--a--color-rgb),1);
border:var(--a--field--border-width,var(--a--border--width)) solid var(--a--field--border-color);
border-radius:var(--a--field--border-radius,var(--a--border--radius));
box-shadow:var(--a--field--shadow);
transition-property:background-color,border-color,box-shadow,outline;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
[type=range]::-moz-range-thumb{
width:var(--a--field--range-thumb--size,1.5rem);
height:var(--a--field--range-thumb--size,1.5rem);
margin-top:calc(var(--a--field--range-thumb--size,1.5rem)/ 2 * -1);
appearance:none;
cursor:pointer;
background-color:rgba(var(--a--color-rgb),1);
border:var(--a--field--border-width,var(--a--border--width)) solid var(--a--field--border-color);
border-radius:var(--a--field--border-radius,var(--a--border--radius));
box-shadow:var(--a--field--shadow);
transition-property:background-color,border-color,box-shadow,outline;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
[type=range]:focus{
box-shadow:none
}
[type=range]:focus::-webkit-slider-thumb{
background-color:rgba(var(--a--color--accent-rgb),1);
border-color:var(--a--field--border-color--active,var(--a--color));
box-shadow:var(--a--field--shadow--active)
}
[type=range]:focus::-moz-range-thumb{
background-color:rgba(var(--a--color--accent-rgb),1);
border-color:var(--a--field--border-color--active,var(--a--color));
box-shadow:var(--a--field--shadow--active)
}
[type=file]{
height:auto;
padding:var(--a--field--spacing--vertical,.625rem)
}
[type=file]::-webkit-file-upload-button,[type=file]::file-selector-button{
position:relative;
padding-right:var(--a--spacing--s);
padding-left:var(--a--spacing--s);
margin-top:-.25rem;
margin-bottom:-.25rem;
margin-inline-end:var(--a--field--spacing--horizontal,1.25rem);
font-family:var(--a--button--font-family, sans-serif);
font-size:var(--a--button--font-size, 1rem);
font-weight:var(--a--button--font-weight,700);
letter-spacing:var(--a--button--letter-spacing, 0);
text-transform:var(--a--button--text-transform,none);
line-height:var(--a--field--line-height);
appearance:none;
cursor:pointer;
color:var(--field--button--color,var(--a--button--color));
background-color:var(--field--button--background-color,var(--a--button--background-color));
border:none;
border-radius:calc(var(--a--field--border-radius,var(--a--border--radius))/ 2);
outline:0;
transition-property:color,background-color;
transition-timing-function:var(--a--transition--timing-function,ease-in-out);
transition-duration:var(--a--transition--duration, .25s)
}
[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{
--field--button--color:var(--a--button--color--active);
--field--button--background-color:var(--a--button--background-color--active)
}
:where(button,[type=button],[type=submit],[type=reset]){
display:inline-flex;
justify-content:center;
align-items:center;
gap:calc(var(--button--spacing--h,var(--a--button--spacing--horizontal))/ 4);
padding:var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal));
font-family:var(--button--font-family, var(--a--button--font-family, sans-serif));
font-size:var(--button--font-size, var(--a--button--font-size, 1rem));
font-weight:var(--button--font-weight,var(--a--button--font-weight,700));
letter-spacing:var(--button--letter-spacing, var(--a--button--letter-spacing, 0));
text-transform:var(--button--text-transform,var(--a--button--text-transform,none));
line-height:var(--button--line-height, var(--a--button--line-height, 1.5rem));
text-decoration:none;
text-align:center;
user-select:none;
color:var(--button--color,var(--a--button--color));
background-color:var(--button--background-color,var(--a--button--background-color));
border:var(--button--border-width,var(--a--button--border-width)) solid var(--button--border-color,var(--a--button--border-color,transparent));
border-radius:var(--button--border-radius,var(--a--button--border-radius));
box-shadow:var(--button--box-shadow,var(--a--button--shadow));
outline:var(--button--outline-color,transparent) var(--a--outline--style,solid) var(--a--outline--width,2px);
outline-offset:var(--a--outline--offset,2px);
transition-property:transform,color,background,border,box-shadow,outline,text-decoration;
transition-timing-function:var(--button--transition--timing-function,var(--a--transition--duration));
transition-duration:var(--button--transition--duration, var(--a--transition--duration));
white-space:normal;
cursor:pointer;
-webkit-appearance:button
}
:where(button,[type=button],[type=submit],[type=reset]) svg{
position:relative;
display:block;
pointer-events:none;
color:currentColor
}
:where(button,[type=button],[type=submit],[type=reset]):where(:hover,:focus){
--button--color:var(--a--button--color--active);
--button--background-color:var(--a--button--background-color--active)
}
:where(button,[type=button],[type=submit],[type=reset]):where(:focus){
--button--box-shadow:var(--a--button--shadow--active)
}
:where(button,[type=button],[type=submit],[type=reset]):where(:focus-visible){
--button--outline-color:var(--a--button--background-color--active)
}
:where(button,[type=button],[type=submit],[type=reset]):where([disabled]){
--button--border-color:transparent;
opacity:1;
pointer-events:none;
cursor:default;
background-image:repeating-linear-gradient(-45deg,transparent,transparent var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) calc(var(--button--disabled--stripe--size,.5rem) * 2));
box-shadow:none;
outline:0
}
:where(button,[type=button],[type=submit],[type=reset]):where([disabled]):hover{
--button--color:inherit
}
:where([type=submit]){
--button--color:var(--a--button--accent--color);
--button--background-color:var(--a--button--accent--background-color);
--button--border-color:var(--a--button--accent--border-color);
--button--box-shadow:var(--a--button--accent--shadow)
}
:where([type=submit]):where(:hover,:focus){
--button--color:var(--a--button--accent--color--active);
--button--background-color:var(--a--button--accent--background-color--active);
--button--border-color:var(--a--button--accent--border-color--active)
}
:where([type=submit]):where(:focus){
--button--box-shadow:var(--a--button--accent--shadow--active)
}
:where([type=submit]):where(:focus-visible){
--button--outline-color:var(--a--button--accent--background-color--active)
}
:where([type=reset]){
--button--color:var(--a--button--outline--color);
--button--background-color:var(--a--button--outline--background-color, transparent);
--button--border-color:var(--a--button--outline--border-color);
--button--box-shadow:var(--a--button--outline--shadow)
}
:where([type=reset]):where(:hover,:focus){
--button--color:var(--a--button--outline--color--active);
--button--background-color:var(--a--button--outline--background-color--active, transparent);
--button--border-color:var(--a--button--outline--border-color--active)
}
:where([type=reset]):where(:focus){
--button--box-shadow:var(--a--button--outline--shadow--active)
}
:where([type=reset]):where(:focus-visible){
--button--outline-color:var(--a--button--outline--color--active)
}
.a-align--left{
text-align:left
}
@media (max-width:1023px){
.a-align--left\:m{
text-align:left
}

}
@media (max-width:1279px){
.a-align--left\:l{
text-align:left
}
.a-align--center\:l{
text-align:center
}

}
.a-align--center{
text-align:center
}
@media (max-width:1023px){
.a-align--center\:m{
text-align:center
}

}
.a-align--right{
text-align:right
}
@media (max-width:1023px){
.a-align--right\:m{
text-align:right
}

}
@media (max-width:1279px){
.a-align--right\:l{
text-align:right
}

}
.a-list{
margin-bottom:var(--a--spacing);
list-style-type:square
}
.a-list :where(ul){
list-style-type:inherit
}
.a-list :where(ul,ol){
padding:var(--a--spacing--xxs) 0;
margin-inline-start:var(--a--spacing--s)
}
.a-list--o{
margin-bottom:var(--a--spacing);
list-style-type:decimal
}
.a-list--o ol,.a-list--o ol ol{
list-style-type:lower-alpha
}
.a-list--inline{
display:inline-flex;
padding-inline-start:0;
gap:var(--gap--col,var(--a--spacing--s));
list-style:none
}
.a-list--inline>li{
display:inline-block
}
.a-list--none{
list-style-type:none
}
.a-list--square{
list-style-type:square
}
.a-list--circle{
list-style-type:circle
}
.a-list--disc{
list-style-type:disc
}
[class*=a-divider]{
display:block;
width:100%;
margin:var(--a--spacing) 0;
border-top:var(--a--divider--width) solid var(--a--divider--color)
}
.a-divider--dotted{
border-style:dotted
}
.a-divider--dashed{
border-style:dashed
}
.a-divider--double{
border-top-width:calc(var(--a--divider--width) * 3);
border-style:double
}
.a-divider--accent{
border-color:var(--a--color--accent)
}


/* ─── ALERTS AND BADGES ─────────────────────────────────────────────── */
.a-alert{
padding:var(--alert--spacing--v,var(--a--spacing--xs)) var(--alert--spacing--h,var(--a--spacing--s))
}
.a-alert--accent{
--alert--color:var(--a--color--accent);
--alert--background-color:rgba(var(--a--color--accent-rgb), 5%);
--alert--border-color:var(--a--color--accent)
}
.a-alert--error{
--alert--color:var(--a--color--error);
--alert--background-color:rgba(var(--a--color--error-rgb), 5%);
--alert--border-color:var(--a--color--error)
}
.a-alert--warning{
--alert--color:var(--a--color--warning);
--alert--background-color:rgba(var(--a--color--warning-rgb), 5%);
--alert--border-color:var(--a--color--warning)
}
.a-alert--success{
--alert--color:var(--a--color--success);
--alert--background-color:rgba(var(--a--color--success-rgb), 5%);
--alert--border-color:var(--a--color--success)
}
.a-alert--secret{
--alert--background-color:transparent
}
.a-badge{
display:inline-flex;
align-items:center;
gap:var(--badge--spacing--h,var(--a--spacing--xxs));
padding:var(--badge--spacing--v,var(--a--spacing--xxxs)) var(--badge--spacing--h,var(--a--spacing--xxs));
font-size:var(--a--font-size--xs);
font-weight:400;
white-space:nowrap;
vertical-align:baseline;
text-align:center;
color:var(--badge--color,var(--a--color--contrast));
background-color:var(--badge--background-color,var(--a--color));
border-radius:var(--badge--border-radius,var(--a--border--radius,2px))
}
.a-badge:empty{
display:none
}
.a-badge--reverse{
--badge--color:var(--a--color);
--badge--background-color:var(--a--color--background)
}
.a-badge--accent{
--badge--color:var(--a--color--background);
--badge--background-color:var(--a--color--accent)
}
.a-badge--success{
--badge--color:var(--a--color--light);
--badge--background-color:var(--a--color--success)
}
.a-badge--error{
--badge--color:var(--a--color--light);
--badge--background-color:var(--a--color--error)
}
a.a-badge{
text-decoration:none;
cursor:pointer
}


/* ─── SHADOWS AND UTILITIES ─────────────────────────────────────────────── */
.a-shadow{
--shadow--size:var(--a--spacing);
--shadow--color:rgba(var(--a--color--shadow-rgb), 5%);
box-shadow:0 0 calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 2) var(--shadow--color),0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 4 * 3) var(--shadow--color),0 calc(var(--shadow--size)/ 4 * 3) var(--shadow--size) var(--shadow--color)
}
.a-shadow--bottom{
--shadow--size:var(--a--spacing);
--shadow--color:rgba(var(--a--color--shadow-rgb), 5%);
box-shadow:0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),0 var(--shadow--size) var(--shadow--size) var(--shadow--color)
}
.a-shadow--top{
--shadow--size:var(--a--spacing);
--shadow--color:rgba(var(--a--color--shadow-rgb), 5%);
box-shadow:0 calc(calc(var(--shadow--size)/ 4) * -1) calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(calc(var(--shadow--size)/ 2) * -1) calc(var(--shadow--size)/ 2) var(--shadow--color),0 calc(var(--shadow--size) * -1) var(--shadow--size) var(--shadow--color)
}
.a-shadow--inset{
--shadow--size:var(--a--spacing--s);
--shadow--color:rgba(var(--a--color--shadow-rgb), 2.5%);
box-shadow:inset 0 0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),inset 0 0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),inset 0 0 var(--shadow--size) var(--shadow--size) var(--shadow--color)
}
.a-shadow--sharp{
--shadow--size:var(--a--spacing--xxs);
--shadow--color:rgba(var(--a--color--shadow-rgb), 5%);
box-shadow:var(--shadow--size) var(--shadow--size) 0 0 var(--shadow--color)
}
.a-shadow--outline{
--shadow--size:var(--a--spacing--xxs);
--shadow--color:currentColor;
--shadow--border:var(--a--border--width);
box-shadow:calc(var(--shadow--size) + (var(--shadow--border) * 2)) calc(var(--shadow--size) + (var(--shadow--border) * 2)) 0 0 var(--a--color--background),calc(var(--shadow--size) + (var(--shadow--border) * 2)) calc(var(--shadow--size) + (var(--shadow--border) * 2)) 0 var(--shadow--border) var(--shadow--color)
}
.a-shadow--1{
--shadow--size:var(--a--spacing--1)
}
.a-shadow--xxs{
--shadow--size:var(--a--spacing--xxs)
}
.a-shadow--xs{
--shadow--size:var(--a--spacing--xs)
}
.a-shadow--s{
--shadow--size:var(--a--spacing--s)
}
.a-shadow--m{
--shadow--size:var(--a--spacing--m)
}
.a-shadow--l{
--shadow--size:var(--a--spacing--l)
}
.a-shadow--xl{
--shadow--size:var(--a--spacing--xl)
}
.a-shadow--xxl{
--shadow--size:var(--a--spacing--xxl)
}
@media (min-width:320px) and (max-width:767px){
.a-hide\:xs{
display:none
}

}
@media (min-width:768px) and (max-width:1023px){
.a-hide\:s{
display:none
}

}
@media (min-width:1024px) and (max-width:1279px){
.a-hide\:m{
display:none
}

}
@media (min-width:1280px) and (max-width:1599px){
.a-hide\:l{
display:none
}

}
@media (min-width:1600px){
.a-hide\:xl{
display:none
}

}
@media print{
.a-hide\:print{
display:none
}

}
.a-hide{
display:none
}
@media (max-width:479px){
.a-hide\:min{
display:none
}
.a-show\:min{
display:revert
}

}
@media (min-width:320px) and (max-width:767px){
.a-show\:xs{
display:revert
}

}
@media (min-width:768px) and (max-width:1023px){
.a-show\:s{
display:revert
}

}
@media (min-width:1024px) and (max-width:1279px){
.a-show\:m{
display:revert
}

}
@media (min-width:1280px) and (max-width:1599px){
.a-show\:l{
display:revert
}

}
@media (min-width:1600px){
.a-show\:xl{
display:revert
}

}
.a-show\:print{
display:none
}
@media print{
.a-show\:print{
display:revert
}

}
.a-show{
display:block
}
.a-grid{
display:grid;
grid-template-columns:var(--grid--template-columns,repeat(var(--grid--columns,auto-fill),minmax(var(--grid--column-min,min(320px,100%)),1fr)));
grid-template-rows:var(--grid--template-rows,repeat(var(--grid--rows,auto-fill),1fr));
gap:var(--gap--col,var(--grid--spacing,var(--a--spacing))) var(--gap--row,var(--grid--spacing,var(--a--spacing)));
grid-auto-flow:var(--grid--auto-flow,row);
grid-auto-columns:var(--grid--auto-columns,auto)
}
.a-grid+.a-grid{
margin-block-start:var(--grid--spacing,var(--a--spacing))
}
.a-grid:where(ul,ol){
padding-inline:0;
list-style:none
}
.a-grid--cols-0{
--grid--template-columns:none
}
.a-grid--cols-1{
--grid--columns:1
}
@media (min-width:1024px){
blockquote{
padding:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)))
}
pre{
padding:max(var(--pre--spacing,var(--a--spacing--s)),var(--pre--spacing--max,var(--a--spacing--m)))
}
:not(aside)>nav li li ul{
left:100%
}
[role=alert]{
--alert--spacing--v:var(--a--spacing--xs);
--alert--spacing--h:var(--a--spacing--m)
}
.a-grid--cols-2,.a-grid--cols-3{
--grid--columns:2
}

}
@media (min-width:1280px){
.a-grid--cols-3{
--grid--columns:3
}

}
@media (min-width:1024px){
.a-grid--cols-4{
--grid--columns:2
}

}
@media (min-width:1280px){
.a-grid--cols-4{
--grid--columns:3
}

}
@media (min-width:1600px){
.a-grid--cols-4{
--grid--columns:4
}

}
@media (min-width:768px){
.a-grid--cols-5{
--grid--columns:2
}

}
@media (min-width:1024px){
.a-grid--cols-5{
--grid--columns:3
}

}
@media (min-width:1280px){
.a-grid--cols-5{
--grid--columns:4
}

}
@media (min-width:1600px){
.a-grid--cols-5{
--grid--columns:5
}

}
@media (min-width:768px){
.a-grid--cols-6{
--grid--columns:2
}

}
@media (min-width:1024px){
.a-grid--cols-6{
--grid--columns:3
}

}
@media (min-width:1280px){
.a-grid--cols-6{
--grid--columns:4
}

}
.a-grid--rows-0{
--grid--template-rows:none
}
.a-grid--rows-1{
--grid--rows:1
}
.a-grid--rows-2{
--grid--rows:2
}
.a-grid--rows-3{
--grid--rows:3
}
.a-grid--rows-4{
--grid--rows:4
}
.a-grid--flow-row{
--grid--auto-flow:row
}
.a-grid--flow-row-dense{
--grid--auto-flow:row dense
}
.a-grid--flow-column{
--grid--auto-flow:column
}
.a-grid--flow-column-dense{
--grid--auto-flow:column dense
}
.a-grid--cols-auto{
--grid--auto-columns:auto
}
.a-grid--cols-min{
--grid--auto-columns:min-content
}
.a-grid--cols-max{
--grid--auto-columns:max-content
}
.a-grid--cols-fr{
--grid--auto-columns:minmax(0, 1fr)
}
[class*=a-grid__col]{
grid-column:var(--grid--column,auto)
}
.a-grid__col--span-1{
--grid--column:span 1/span 1
}
.a-grid__col--span-2{
--grid--column:span 2/span 2
}
.a-grid__col--span-3{
--grid--column:span 3/span 3
}
.a-grid__col--span-4{
--grid--column:span 4/span 4
}
.a-grid__col--span-5{
--grid--column:span 5/span 5
}
.a-grid__col--span-full{
--grid--column:1/-1
}
[class*=a-grid__col--start]{
grid-column-start:var(--grid--column-start,auto)
}
.a-grid__col--start-1{
--grid--column-start:1
}
.a-grid__col--start-2{
--grid--column-start:2
}
.a-grid__col--start-3{
--grid--column-start:3
}
.a-grid__col--start-4{
--grid--column-start:4
}
.a-grid__col--start-5{
--grid--column-start:5
}
[class*=a-grid__col--end]{
grid-column-end:var(--grid--column-end,auto)
}
.a-grid__col--end-1{
--grid--column-end:1
}
.a-grid__col--end-2{
--grid--column-end:2
}
.a-grid__col--end-3{
--grid--column-end:3
}
.a-grid__col--end-4{
--grid--column-end:4
}
.a-grid__col--end-5{
--grid--column-end:5
}
[class*=a-grid__row]{
grid-row:var(--grid--row,auto)
}
.a-grid__row--span-1{
--grid--row:span 1/span 1
}
.a-grid__row--span-2{
--grid--row:span 2/span 2
}
.a-grid__row--span-3{
--grid--row:span 3/span 3
}
.a-grid__row--span-4{
--grid--row:span 4/span 4
}
.a-grid__row--span-5{
--grid--row:span 5/span 5
}
.a-grid__row--span-full{
--grid--row:1/-1
}
[class*=a-grid__row--start]{
grid-row-start:var(--grid--row-start,auto)
}
.a-grid__row--start-1{
--grid--row-start:1
}
.a-grid__row--start-2{
--grid--row-start:2
}
.a-grid__row--start-3{
--grid--row-start:3
}
.a-grid__row--start-4{
--grid--row-start:4
}
.a-grid__row--start-5{
--grid--row-start:5
}
[class*=a-grid__row--end]{
grid-row-end:var(--grid--row-end,auto)
}
.a-grid__row--end-1{
--grid--row-end:1
}
.a-grid__row--end-2{
--grid--row-end:2
}
.a-grid__row--end-3{
--grid--row-end:3
}
.a-grid__row--end-4{
--grid--row-end:4
}
.a-grid__row--end-5{
--grid--row-end:5
}
.a-flex{
display:flex;
flex-wrap:wrap;
column-gap:0;
row-gap:var(--gap--row,var(--a--spacing--m));
margin-inline:calc((var(--gap--col,var(--a--spacing--m))/ 2) * -1)
}
.a-flex+.a-flex{
margin-block-start:var(--gap--row,var(--a--spacing--m))
}
.a-flex--no-stack+.a-flex--no-stack{
margin-block-start:0
}
.a-flex--inline{
display:inline-flex
}
.a-flex--justify-start{
justify-content:flex-start
}
.a-flex--justify-center{
justify-content:center
}
.a-flex--justify-end{
justify-content:flex-end
}
.a-flex--justify-between{
justify-content:space-between
}
.a-flex--justify-around{
justify-content:space-around
}
.a-flex--justify-evenly{
justify-content:space-evenly
}
.a-flex--justify-stretch{
justify-content:stretch
}
.a-flex--align-initial{
align-items:initial
}
.a-flex--align-baseline{
align-items:baseline
}
.a-flex--align-start{
align-items:flex-start
}
.a-flex--align-center{
align-items:center
}
.a-flex--align-end{
align-items:flex-end
}
.a-flex--align-stretch{
align-items:stretch
}
.a-flex--content-start{
align-content:stretch
}
.a-flex--content-center{
align-content:center
}
.a-flex--content-end{
align-content:flex-end
}
.a-flex--content-between{
align-content:space-between
}
.a-flex--content-around{
align-content:space-around
}
.a-flex--content-evenly{
align-content:space-evenly
}
.a-flex--content-stretch{
align-content:stretch
}
.a-flex--reverse{
flex-direction:row-reverse;
flex-wrap:wrap-reverse
}
.a-flex--column{
flex-direction:column;
flex-wrap:wrap
}
.a-flex--column-reverse{
flex-direction:column-reverse;
flex-wrap:wrap-reverse
}
.a-flex>:where([class*=a-flex__item]){
padding-inline:calc(var(--gap--col,var(--a--spacing--m))/ 2)
}
.a-flex>:where([class*=a-flex__item]).a-flex{
padding-inline:0;
margin-inline:calc((var(--gap--col,var(--a--spacing--m))/ 8) * -1)
}
.a-flex[class*=a-gap]{
column-gap:0
}
.a-flex--wrap{
flex-wrap:wrap
}
.a-flex--wrap-reverse{
flex-wrap:wrap-reverse
}
.a-flex--nowrap{
flex-wrap:nowrap
}
[class*=a-flex__item--]{
max-width:100%
}
.a-flex__item--auto{
flex:1 0 0;
align-self:auto
}
.a-flex__item--0{
flex:0 0 0;
max-width:0;
padding-inline:0
}
.a-flex__item{
flex:0 1 content
}
.a-flex__item--100{
flex-basis:100%;
max-width:100%
}
.a-flex__item--83{
flex-basis:83.333%;
max-width:83.333%
}
.a-flex__item--80{
flex-basis:80%;
max-width:80%
}
.a-flex__item--75{
flex-basis:75%;
max-width:75%
}
.a-flex__item--70{
flex-basis:70%;
max-width:70%
}
.a-flex__item--66{
flex-basis:66.666%;
max-width:66.666%
}
.a-flex__item--60{
flex-basis:60%;
max-width:60%
}
.a-flex__item--50{
flex-basis:50%;
max-width:50%
}
.a-flex__item--40{
flex-basis:40%;
max-width:40%
}
.a-flex__item--33{
flex-basis:33.333%;
max-width:33.333%
}
.a-flex__item--30{
flex-basis:30%;
max-width:30%
}
.a-flex__item--25{
flex-basis:25%;
max-width:25%
}
.a-flex__item--20{
flex-basis:20%;
max-width:20%
}
.a-flex__item--16{
flex-basis:16.666%;
max-width:16.666%
}
@media (min-width:320px){
.a-flex__item--auto\:min{
flex:1 0 0
}
.a-flex__item--0\:min{
flex:0 0 0;
max-width:0;
padding-inline:0
}
.a-flex__item\:min{
flex:0 1 content
}
.a-flex__item--100\:min{
flex-basis:100%;
max-width:100%
}
.a-flex__item--50\:min{
flex-basis:50%;
max-width:50%
}

}
@media (min-width:480px){
.a-flex__item--auto\:xs{
flex:1 0 0
}
.a-flex__item--0\:xs{
flex:0 0 0;
max-width:0;
padding-inline:0
}
.a-flex__item\:xs{
flex:0 1 content
}
.a-flex__item--100\:xs{
flex-basis:100%;
max-width:100%
}
.a-flex__item--75\:xs{
flex-basis:75%;
max-width:75%
}
.a-flex__item--70\:xs{
flex-basis:70%;
max-width:70%
}
.a-flex__item--66\:xs{
flex-basis:66.666%;
max-width:66.666%
}
.a-flex__item--60\:xs{
flex-basis:60%;
max-width:60%
}
.a-flex__item--50\:xs{
flex-basis:50%;
max-width:50%
}
.a-flex__item--40\:xs{
flex-basis:40%;
max-width:40%
}
.a-flex__item--30\:xs{
flex-basis:30%;
max-width:30%
}
.a-flex__item--33\:xs{
flex-basis:33.333%;
max-width:33.333%
}
.a-flex__item--25\:xs{
flex-basis:25%;
max-width:25%
}

}
@media (min-width:768px){
.a-flex__item--auto\:s{
flex:1 0 0
}
.a-flex__item--0\:s{
flex:0 0 0;
max-width:0;
padding-inline:0
}
.a-flex__item\:s{
flex:0 1 content
}
.a-flex__item--100\:s{
flex-basis:100%;
max-width:100%
}
.a-flex__item--80\:s{
flex-basis:80%;
max-width:80%
}
.a-flex__item--75\:s{
flex-basis:75%;
max-width:75%
}
.a-flex__item--70\:s{
flex-basis:70%;
max-width:70%
}
.a-flex__item--66\:s{
flex-basis:66.666%;
max-width:66.666%
}
.a-flex__item--60\:s{
flex-basis:60%;
max-width:60%
}
.a-flex__item--50\:s{
flex-basis:50%;
max-width:50%
}
.a-flex__item--40\:s{
flex-basis:40%;
max-width:40%
}
.a-flex__item--30\:s{
flex-basis:30%;
max-width:30%
}
.a-flex__item--33\:s{
flex-basis:33.333%;
max-width:33.333%
}
.a-flex__item--25\:s{
flex-basis:25%;
max-width:25%
}
.a-flex__item--20\:s{
flex-basis:20%;
max-width:20%
}

}
@media (min-width:1024px){
.a-flex__item--auto\:m{
flex:1 0 0
}
.a-flex__item--0\:m{
flex:0 0 0;
max-width:0;
padding-inline:0
}
.a-flex__item\:m{
flex:0 1 content
}
.a-flex__item--100\:m{
flex-basis:100%;
max-width:100%
}
.a-flex__item--83\:m{
flex-basis:83.333%;
max-width:83.333%
}
.a-flex__item--80\:m{
flex-basis:80%;
max-width:80%
}
.a-flex__item--75\:m{
flex-basis:75%;
max-width:75%
}
.a-flex__item--70\:m{
flex-basis:70%;
max-width:70%
}
.a-flex__item--66\:m{
flex-basis:66.666%;
max-width:66.666%
}
.a-flex__item--60\:m{
flex-basis:60%;
max-width:60%
}
.a-flex__item--50\:m{
flex-basis:50%;
max-width:50%
}
.a-flex__item--40\:m{
flex-basis:40%;
max-width:40%
}
.a-flex__item--33\:m{
flex-basis:33.333%;
max-width:33.333%
}
.a-flex__item--30\:m{
flex-basis:30%;
max-width:30%
}
.a-flex__item--25\:m{
flex-basis:25%;
max-width:25%
}
.a-flex__item--20\:m{
flex-basis:20%;
max-width:20%
}
.a-flex__item--16\:m{
flex-basis:16.666%;
max-width:16.666%
}

}
@media (min-width:1280px){
.a-flex__item--auto\:l{
flex:1 0 0
}
.a-flex__item--0\:l{
flex:0 0 0;
max-width:0;
padding-inline:0
}
.a-flex__item\:l{
flex:0 1 content
}
.a-flex__item--100\:l{
flex-basis:100%;
max-width:100%
}
.a-flex__item--83\:l{
flex-basis:83.333%;
max-width:83.333%
}
.a-flex__item--80\:l{
flex-basis:80%;
max-width:80%
}
.a-flex__item--75\:l{
flex-basis:75%;
max-width:75%
}
.a-flex__item--70\:l{
flex-basis:70%;
max-width:70%
}
.a-flex__item--66\:l{
flex-basis:66.666%;
max-width:66.666%
}
.a-flex__item--60\:l{
flex-basis:60%;
max-width:60%
}
.a-flex__item--50\:l{
flex-basis:50%;
max-width:50%
}
.a-flex__item--40\:l{
flex-basis:40%;
max-width:40%
}
.a-flex__item--33\:l{
flex-basis:33.333%;
max-width:33.333%
}
.a-flex__item--30\:l{
flex-basis:30%;
max-width:30%
}
.a-flex__item--25\:l{
flex-basis:25%;
max-width:25%
}
.a-flex__item--20\:l{
flex-basis:20%;
max-width:20%
}
.a-flex__item--16\:l{
flex-basis:16.666%;
max-width:16.666%
}

}
@media (min-width:1600px){
.a-grid--cols-6{
--grid--columns:6
}
.a-flex__item--auto\:xl{
flex:1 0 0
}
.a-flex__item--0\:xl{
flex:0 0 0;
max-width:0;
padding-inline:0
}
.a-flex__item\:xl{
flex:0 1 content
}
.a-flex__item--100\:xl{
flex-basis:100%;
max-width:100%
}
.a-flex__item--83\:xl{
flex-basis:83.333%;
max-width:83.333%
}
.a-flex__item--80\:xl{
flex-basis:80%;
max-width:80%
}
.a-flex__item--75\:xl{
flex-basis:75%;
max-width:75%
}
.a-flex__item--70\:xl{
flex-basis:70%;
max-width:70%
}
.a-flex__item--66\:xl{
flex-basis:66.666%;
max-width:66.666%
}
.a-flex__item--60\:xl{
flex-basis:60%;
max-width:60%
}
.a-flex__item--50\:xl{
flex-basis:50%;
max-width:50%
}
.a-flex__item--40\:xl{
flex-basis:40%;
max-width:40%
}
.a-flex__item--33\:xl{
flex-basis:33.333%;
max-width:33.333%
}
.a-flex__item--30\:xl{
flex-basis:30%;
max-width:30%
}
.a-flex__item--25\:xl{
flex-basis:25%;
max-width:25%
}
.a-flex__item--20\:xl{
flex-basis:20%;
max-width:20%
}
.a-flex__item--16\:xl{
flex-basis:16.666%;
max-width:16.666%
}

}
.a-flex__item--start{
align-self:flex-start
}
.a-flex__item--center{
align-self:center
}
.a-flex__item--end{
align-self:flex-end
}
.a-flex__item--baseline{
align-self:baseline
}
.a-flex__item--stretch{
align-self:stretch
}
.a-flex__item--grow-0{
flex-grow:0
}
.a-flex__item--grow-1{
flex-grow:1
}
.a-flex__item--grow-2{
flex-grow:2
}
.a-flex__item--grow-3{
flex-grow:3
}
.a-flex__item--shrink-0{
flex-shrink:0
}
.a-flex__item--shrink-1{
flex-shrink:1
}
.a-flex__item--order-0{
order:0
}
.a-flex__item--order-1{
order:1
}
.a-flex__item--order-2{
order:2
}
.a-flex__item--order-3{
order:3
}
[class*=a-flex__box]{
display:block;
padding:var(--box--spacing,var(--a--spacing))
}
.a-flex__box--0{
--box--spacing:0
}
.a-flex__box--1{
--box--spacing:var(--a--spacing--1)
}
.a-flex__box--xxs{
--box--spacing:var(--a--spacing--xxs)
}
.a-flex__box--xs{
--box--spacing:var(--a--spacing--xs)
}
.a-flex__box--s{
--box--spacing:var(--a--spacing--s)
}
.a-flex__box--m{
--box--spacing:var(--a--spacing)
}
.a-flex__box--l{
--box--spacing:var(--a--spacing--l)
}
@media (max-width:1023px){
.a-flex__box--l{
--box--spacing:var(--a--spacing)
}

}
.a-flex__box--xl{
--box--spacing:var(--a--spacing--xl)
}
@media (max-width:1023px){
.a-flex__box--xl{
--box--spacing:var(--a--spacing--l)
}

}
.a-stack{
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:var(--gap--col,var(--a--spacing--m)) var(--gap--row,var(--a--spacing--m))
}
.a-stack>*{
margin-block:0
}
.a-stack+.a-stack{
margin-block-start:var(--stack--spacing,var(--gap--row,var(--a--spacing--m)))
}
.a-stack--column{
flex-direction:column
}
.a-stack--row{
flex-direction:row;
flex-wrap:wrap
}
.a-stack--row .a-stack+.a-stack{
margin-block-start:0
}
.a-stack--justify-start{
justify-content:flex-start
}
.a-stack--justify-center{
justify-content:center
}
.a-stack--justify-end{
justify-content:flex-end
}
.a-stack--justify-between{
justify-content:space-between
}
.a-stack--align-baseline{
align-items:baseline
}
.a-stack--align-start{
align-items:flex-start
}
.a-stack--align-center{
align-items:center
}
.a-stack--align-end{
align-items:flex-end
}
.a-stack--align-stretch{
align-items:stretch
}
.a-stack--wrap{
flex-wrap:wrap
}
.a-stack--nowrap{
flex-wrap:nowrap
}
[class*=a-container]{
width:min(var(--container--width-min,calc(100% - (var(--container--spacing,var(--a--container--spacing)) * 2))),var(--container--width-max,var(--a--container--width)));
max-width:var(--container--width-max,var(--a--container--width));
margin-inline:auto
}
.a-container--50{
--container--width-max:calc(var(--a--container--width) / 2)
}
.a-container--75{
--container--width-max:calc(var(--a--container--width) / 4 * 3)
}
.a-container--wide{
--container--width-max:min(calc(var(--a--container--width-max) - (var(--container--spacing, var(--a--container--spacing)) * 2)), 100%)
}
.a-container--full{
--container--width-min:100%;
--container--width-max:min(100vw, 1920px)
}
[class*=a-container] :where([class*=a-container]:not([class*='--wide']):not([class*='--full'])){
--container--spacing:0;
--container--width-min:100%;
--container--width-max:var(--a--container--width)
}
[class*=a-container] .a-container--50{
--container--width-max:calc(var(--a--container--width) / 2)
}
[class*=a-container] .a-container--75{
--container--width-max:calc(var(--a--container--width) / 4 * 3)
}
[class*=a-container] .a-container--wide{
--container--width-min:max(100%, calc(var(--a--container--width-max)) - (var(--container--spacing, var(--a--container--spacing)) * 2));
margin-inline:calc(var(--container--width-max) * -1 / 2 + 100% / 2)
}
[class*=a-container][class*='--wide'] .a-container--wide{
--container--spacing:0;
--container--width-min:100%;
--container--width-max:100%;
margin-inline:auto
}
[class*=a-container] .a-container--full{
--container--width-min:100vw;
--container--width-max:min(100vw, 1920px);
margin-inline:calc(var(--container--spacing,var(--a--container--spacing)) * -1)
}
[class*=a-container][class*='--full'] :where([class*=a-container]:not([class*='--full'])){
--container--spacing:var(--a--container--spacing);
--container--width-min:calc(100% - (var(--container--spacing, var(--a--container--spacing)) * 2))
}
[class*=a-container][class*='--full'] .a-container--wide{
margin-inline:auto
}
[class*=a-container][class*='--full'] .a-container--full{
margin-inline:0
}
.a-container--align-start{
margin-inline-start:0
}
.a-container--align-end{
margin-inline-end:0
}
[class*=a-gap]{
column-gap:var(--gap--col,var(--a--spacing));
row-gap:var(--gap--row,var(--a--spacing))
}
.a-gap--0{
--gap--col:var(--a--spacing--0);
--gap--row:var(--a--spacing--0)
}
.a-gap--1{
--gap--col:var(--a--spacing--1);
--gap--row:var(--a--spacing--1)
}
.a-gap--xxxs{
--gap--col:var(--a--spacing--xxxs);
--gap--row:var(--a--spacing--xxxs)
}
.a-gap--xxs{
--gap--col:var(--a--spacing--xxs);
--gap--row:var(--a--spacing--xxs)
}
.a-gap--xs{
--gap--col:var(--a--spacing--xs);
--gap--row:var(--a--spacing--xs)
}
.a-gap--s{
--gap--col:var(--a--spacing--s);
--gap--row:var(--a--spacing--s)
}
.a-gap--m{
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}
.a-gap--l{
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}
.a-gap--xl{
--gap--col:var(--a--spacing--xl);
--gap--row:var(--a--spacing--xl)
}
.a-gap--xxl{
--gap--col:var(--a--spacing--xxl);
--gap--row:var(--a--spacing--xxl)
}
.a-gap--xxxl{
--gap--col:var(--a--spacing--xxxl);
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-row--0{
--gap--row:var(--a--spacing--0)
}
.a-gap-row--1{
--gap--row:var(--a--spacing--1)
}
.a-gap-row--xxxs{
--gap--row:var(--a--spacing--xxxs)
}
.a-gap-row--xxs{
--gap--row:var(--a--spacing--xxs)
}
.a-gap-row--xs{
--gap--row:var(--a--spacing--xs)
}
.a-gap-row--s{
--gap--row:var(--a--spacing--s)
}
.a-gap-row--m{
--gap--row:var(--a--spacing--m)
}
.a-gap-row--l{
--gap--row:var(--a--spacing--l)
}
.a-gap-row--xl{
--gap--row:var(--a--spacing--xl)
}
.a-gap-row--xxl{
--gap--row:var(--a--spacing--xxl)
}
.a-gap-row--xxxl{
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-col--0{
--gap--col:var(--a--spacing--0)
}
.a-gap-col--1{
--gap--col:var(--a--spacing--1)
}
.a-gap-col--xxxs{
--gap--col:var(--a--spacing--xxxs)
}
.a-gap-col--xxs{
--gap--col:var(--a--spacing--xxs)
}
.a-gap-col--xs{
--gap--col:var(--a--spacing--xs)
}
.a-gap-col--s{
--gap--col:var(--a--spacing--s)
}
.a-gap-col--m{
--gap--col:var(--a--spacing--m)
}
.a-gap-col--l{
--gap--col:var(--a--spacing--l)
}
.a-gap-col--xl{
--gap--col:var(--a--spacing--xl)
}
.a-gap-col--xxl{
--gap--col:var(--a--spacing--xxl)
}
.a-gap-col--xxxl{
--gap--col:var(--a--spacing--xxxl)
}
@media (min-width:320px){
.a-gap--0\:min{
--gap--col:var(--a--spacing--0);
--gap--row:var(--a--spacing--0)
}
.a-gap--1\:min{
--gap--col:var(--a--spacing--1);
--gap--row:var(--a--spacing--1)
}
.a-gap--xxxs\:min{
--gap--col:var(--a--spacing--xxxs);
--gap--row:var(--a--spacing--xxxs)
}
.a-gap--xxs\:min{
--gap--col:var(--a--spacing--xxs);
--gap--row:var(--a--spacing--xxs)
}
.a-gap--xs\:min{
--gap--col:var(--a--spacing--xs);
--gap--row:var(--a--spacing--xs)
}
.a-gap--s\:min{
--gap--col:var(--a--spacing--s);
--gap--row:var(--a--spacing--s)
}
.a-gap--m\:min{
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}
.a-gap--l\:min{
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}
.a-gap--xl\:min{
--gap--col:var(--a--spacing--xl);
--gap--row:var(--a--spacing--xl)
}
.a-gap--xxl\:min{
--gap--col:var(--a--spacing--xxl);
--gap--row:var(--a--spacing--xxl)
}
.a-gap--xxxl\:min{
--gap--col:var(--a--spacing--xxxl);
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-row--0\:min{
--gap--row:var(--a--spacing--0)
}
.a-gap-row--1\:min{
--gap--row:var(--a--spacing--1)
}
.a-gap-row--xxxs\:min{
--gap--row:var(--a--spacing--xxxs)
}
.a-gap-row--xxs\:min{
--gap--row:var(--a--spacing--xxs)
}
.a-gap-row--xs\:min{
--gap--row:var(--a--spacing--xs)
}
.a-gap-row--s\:min{
--gap--row:var(--a--spacing--s)
}
.a-gap-row--m\:min{
--gap--row:var(--a--spacing--m)
}
.a-gap-row--l\:min{
--gap--row:var(--a--spacing--l)
}
.a-gap-row--xl\:min{
--gap--row:var(--a--spacing--xl)
}
.a-gap-row--xxl\:min{
--gap--row:var(--a--spacing--xxl)
}
.a-gap-row--xxxl\:min{
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-col--0\:min{
--gap--col:var(--a--spacing--0)
}
.a-gap-col--1\:min{
--gap--col:var(--a--spacing--1)
}
.a-gap-col--xxxs\:min{
--gap--col:var(--a--spacing--xxxs)
}
.a-gap-col--xxs\:min{
--gap--col:var(--a--spacing--xxs)
}
.a-gap-col--xs\:min{
--gap--col:var(--a--spacing--xs)
}
.a-gap-col--s\:min{
--gap--col:var(--a--spacing--s)
}
.a-gap-col--m\:min{
--gap--col:var(--a--spacing--m)
}
.a-gap-col--l\:min{
--gap--col:var(--a--spacing--l)
}
.a-gap-col--xl\:min{
--gap--col:var(--a--spacing--xl)
}
.a-gap-col--xxl\:min{
--gap--col:var(--a--spacing--xxl)
}
.a-gap-col--xxxl\:min{
--gap--col:var(--a--spacing--xxxl)
}

}
@media (min-width:480px){
.a-gap--0\:xs{
--gap--col:var(--a--spacing--0);
--gap--row:var(--a--spacing--0)
}
.a-gap--1\:xs{
--gap--col:var(--a--spacing--1);
--gap--row:var(--a--spacing--1)
}
.a-gap--xxxs\:xs{
--gap--col:var(--a--spacing--xxxs);
--gap--row:var(--a--spacing--xxxs)
}
.a-gap--xxs\:xs{
--gap--col:var(--a--spacing--xxs);
--gap--row:var(--a--spacing--xxs)
}
.a-gap--xs\:xs{
--gap--col:var(--a--spacing--xs);
--gap--row:var(--a--spacing--xs)
}
.a-gap--s\:xs{
--gap--col:var(--a--spacing--s);
--gap--row:var(--a--spacing--s)
}
.a-gap--m\:xs{
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}
.a-gap--l\:xs{
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}
.a-gap--xl\:xs{
--gap--col:var(--a--spacing--xl);
--gap--row:var(--a--spacing--xl)
}
.a-gap--xxl\:xs{
--gap--col:var(--a--spacing--xxl);
--gap--row:var(--a--spacing--xxl)
}
.a-gap--xxxl\:xs{
--gap--col:var(--a--spacing--xxxl);
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-row--0\:xs{
--gap--row:var(--a--spacing--0)
}
.a-gap-row--1\:xs{
--gap--row:var(--a--spacing--1)
}
.a-gap-row--xxxs\:xs{
--gap--row:var(--a--spacing--xxxs)
}
.a-gap-row--xxs\:xs{
--gap--row:var(--a--spacing--xxs)
}
.a-gap-row--xs\:xs{
--gap--row:var(--a--spacing--xs)
}
.a-gap-row--s\:xs{
--gap--row:var(--a--spacing--s)
}
.a-gap-row--m\:xs{
--gap--row:var(--a--spacing--m)
}
.a-gap-row--l\:xs{
--gap--row:var(--a--spacing--l)
}
.a-gap-row--xl\:xs{
--gap--row:var(--a--spacing--xl)
}
.a-gap-row--xxl\:xs{
--gap--row:var(--a--spacing--xxl)
}
.a-gap-row--xxxl\:xs{
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-col--0\:xs{
--gap--col:var(--a--spacing--0)
}
.a-gap-col--1\:xs{
--gap--col:var(--a--spacing--1)
}
.a-gap-col--xxxs\:xs{
--gap--col:var(--a--spacing--xxxs)
}
.a-gap-col--xxs\:xs{
--gap--col:var(--a--spacing--xxs)
}
.a-gap-col--xs\:xs{
--gap--col:var(--a--spacing--xs)
}
.a-gap-col--s\:xs{
--gap--col:var(--a--spacing--s)
}
.a-gap-col--m\:xs{
--gap--col:var(--a--spacing--m)
}
.a-gap-col--l\:xs{
--gap--col:var(--a--spacing--l)
}
.a-gap-col--xl\:xs{
--gap--col:var(--a--spacing--xl)
}
.a-gap-col--xxl\:xs{
--gap--col:var(--a--spacing--xxl)
}
.a-gap-col--xxxl\:xs{
--gap--col:var(--a--spacing--xxxl)
}

}
@media (min-width:768px){
[class*=a-container] .a-container--full{
margin-inline:calc(min(100vw,1920px) * -1 / 2 + 100% / 2)
}
.a-gap--0\:s{
--gap--col:var(--a--spacing--0);
--gap--row:var(--a--spacing--0)
}
.a-gap--1\:s{
--gap--col:var(--a--spacing--1);
--gap--row:var(--a--spacing--1)
}
.a-gap--xxxs\:s{
--gap--col:var(--a--spacing--xxxs);
--gap--row:var(--a--spacing--xxxs)
}
.a-gap--xxs\:s{
--gap--col:var(--a--spacing--xxs);
--gap--row:var(--a--spacing--xxs)
}
.a-gap--xs\:s{
--gap--col:var(--a--spacing--xs);
--gap--row:var(--a--spacing--xs)
}
.a-gap--s\:s{
--gap--col:var(--a--spacing--s);
--gap--row:var(--a--spacing--s)
}
.a-gap--m\:s{
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}
.a-gap--l\:s{
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}
.a-gap--xl\:s{
--gap--col:var(--a--spacing--xl);
--gap--row:var(--a--spacing--xl)
}
.a-gap--xxl\:s{
--gap--col:var(--a--spacing--xxl);
--gap--row:var(--a--spacing--xxl)
}
.a-gap--xxxl\:s{
--gap--col:var(--a--spacing--xxxl);
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-row--0\:s{
--gap--row:var(--a--spacing--0)
}
.a-gap-row--1\:s{
--gap--row:var(--a--spacing--1)
}
.a-gap-row--xxxs\:s{
--gap--row:var(--a--spacing--xxxs)
}
.a-gap-row--xxs\:s{
--gap--row:var(--a--spacing--xxs)
}
.a-gap-row--xs\:s{
--gap--row:var(--a--spacing--xs)
}
.a-gap-row--s\:s{
--gap--row:var(--a--spacing--s)
}
.a-gap-row--m\:s{
--gap--row:var(--a--spacing--m)
}
.a-gap-row--l\:s{
--gap--row:var(--a--spacing--l)
}
.a-gap-row--xl\:s{
--gap--row:var(--a--spacing--xl)
}
.a-gap-row--xxl\:s{
--gap--row:var(--a--spacing--xxl)
}
.a-gap-row--xxxl\:s{
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-col--0\:s{
--gap--col:var(--a--spacing--0)
}
.a-gap-col--1\:s{
--gap--col:var(--a--spacing--1)
}
.a-gap-col--xxxs\:s{
--gap--col:var(--a--spacing--xxxs)
}
.a-gap-col--xxs\:s{
--gap--col:var(--a--spacing--xxs)
}
.a-gap-col--xs\:s{
--gap--col:var(--a--spacing--xs)
}
.a-gap-col--s\:s{
--gap--col:var(--a--spacing--s)
}
.a-gap-col--m\:s{
--gap--col:var(--a--spacing--m)
}
.a-gap-col--l\:s{
--gap--col:var(--a--spacing--l)
}
.a-gap-col--xl\:s{
--gap--col:var(--a--spacing--xl)
}
.a-gap-col--xxl\:s{
--gap--col:var(--a--spacing--xxl)
}
.a-gap-col--xxxl\:s{
--gap--col:var(--a--spacing--xxxl)
}

}
@media (min-width:1024px){
.a-gap--0\:m{
--gap--col:var(--a--spacing--0);
--gap--row:var(--a--spacing--0)
}
.a-gap--1\:m{
--gap--col:var(--a--spacing--1);
--gap--row:var(--a--spacing--1)
}
.a-gap--xxxs\:m{
--gap--col:var(--a--spacing--xxxs);
--gap--row:var(--a--spacing--xxxs)
}
.a-gap--xxs\:m{
--gap--col:var(--a--spacing--xxs);
--gap--row:var(--a--spacing--xxs)
}
.a-gap--xs\:m{
--gap--col:var(--a--spacing--xs);
--gap--row:var(--a--spacing--xs)
}
.a-gap--s\:m{
--gap--col:var(--a--spacing--s);
--gap--row:var(--a--spacing--s)
}
.a-gap--m\:m{
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}
.a-gap--l\:m{
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}
.a-gap--xl\:m{
--gap--col:var(--a--spacing--xl);
--gap--row:var(--a--spacing--xl)
}
.a-gap--xxl\:m{
--gap--col:var(--a--spacing--xxl);
--gap--row:var(--a--spacing--xxl)
}
.a-gap--xxxl\:m{
--gap--col:var(--a--spacing--xxxl);
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-row--0\:m{
--gap--row:var(--a--spacing--0)
}
.a-gap-row--1\:m{
--gap--row:var(--a--spacing--1)
}
.a-gap-row--xxxs\:m{
--gap--row:var(--a--spacing--xxxs)
}
.a-gap-row--xxs\:m{
--gap--row:var(--a--spacing--xxs)
}
.a-gap-row--xs\:m{
--gap--row:var(--a--spacing--xs)
}
.a-gap-row--s\:m{
--gap--row:var(--a--spacing--s)
}
.a-gap-row--m\:m{
--gap--row:var(--a--spacing--m)
}
.a-gap-row--l\:m{
--gap--row:var(--a--spacing--l)
}
.a-gap-row--xl\:m{
--gap--row:var(--a--spacing--xl)
}
.a-gap-row--xxl\:m{
--gap--row:var(--a--spacing--xxl)
}
.a-gap-row--xxxl\:m{
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-col--0\:m{
--gap--col:var(--a--spacing--0)
}
.a-gap-col--1\:m{
--gap--col:var(--a--spacing--1)
}
.a-gap-col--xxxs\:m{
--gap--col:var(--a--spacing--xxxs)
}
.a-gap-col--xxs\:m{
--gap--col:var(--a--spacing--xxs)
}
.a-gap-col--xs\:m{
--gap--col:var(--a--spacing--xs)
}
.a-gap-col--s\:m{
--gap--col:var(--a--spacing--s)
}
.a-gap-col--m\:m{
--gap--col:var(--a--spacing--m)
}
.a-gap-col--l\:m{
--gap--col:var(--a--spacing--l)
}
.a-gap-col--xl\:m{
--gap--col:var(--a--spacing--xl)
}
.a-gap-col--xxl\:m{
--gap--col:var(--a--spacing--xxl)
}
.a-gap-col--xxxl\:m{
--gap--col:var(--a--spacing--xxxl)
}

}
@media (min-width:1280px){
.a-gap--0\:l{
--gap--col:var(--a--spacing--0);
--gap--row:var(--a--spacing--0)
}
.a-gap--1\:l{
--gap--col:var(--a--spacing--1);
--gap--row:var(--a--spacing--1)
}
.a-gap--xxxs\:l{
--gap--col:var(--a--spacing--xxxs);
--gap--row:var(--a--spacing--xxxs)
}
.a-gap--xxs\:l{
--gap--col:var(--a--spacing--xxs);
--gap--row:var(--a--spacing--xxs)
}
.a-gap--xs\:l{
--gap--col:var(--a--spacing--xs);
--gap--row:var(--a--spacing--xs)
}
.a-gap--s\:l{
--gap--col:var(--a--spacing--s);
--gap--row:var(--a--spacing--s)
}
.a-gap--m\:l{
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}
.a-gap--l\:l{
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}
.a-gap--xl\:l{
--gap--col:var(--a--spacing--xl);
--gap--row:var(--a--spacing--xl)
}
.a-gap--xxl\:l{
--gap--col:var(--a--spacing--xxl);
--gap--row:var(--a--spacing--xxl)
}
.a-gap--xxxl\:l{
--gap--col:var(--a--spacing--xxxl);
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-row--0\:l{
--gap--row:var(--a--spacing--0)
}
.a-gap-row--1\:l{
--gap--row:var(--a--spacing--1)
}
.a-gap-row--xxxs\:l{
--gap--row:var(--a--spacing--xxxs)
}
.a-gap-row--xxs\:l{
--gap--row:var(--a--spacing--xxs)
}
.a-gap-row--xs\:l{
--gap--row:var(--a--spacing--xs)
}
.a-gap-row--s\:l{
--gap--row:var(--a--spacing--s)
}
.a-gap-row--m\:l{
--gap--row:var(--a--spacing--m)
}
.a-gap-row--l\:l{
--gap--row:var(--a--spacing--l)
}
.a-gap-row--xl\:l{
--gap--row:var(--a--spacing--xl)
}
.a-gap-row--xxl\:l{
--gap--row:var(--a--spacing--xxl)
}
.a-gap-row--xxxl\:l{
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-col--0\:l{
--gap--col:var(--a--spacing--0)
}
.a-gap-col--1\:l{
--gap--col:var(--a--spacing--1)
}
.a-gap-col--xxxs\:l{
--gap--col:var(--a--spacing--xxxs)
}
.a-gap-col--xxs\:l{
--gap--col:var(--a--spacing--xxs)
}
.a-gap-col--xs\:l{
--gap--col:var(--a--spacing--xs)
}
.a-gap-col--s\:l{
--gap--col:var(--a--spacing--s)
}
.a-gap-col--m\:l{
--gap--col:var(--a--spacing--m)
}
.a-gap-col--l\:l{
--gap--col:var(--a--spacing--l)
}
.a-gap-col--xl\:l{
--gap--col:var(--a--spacing--xl)
}
.a-gap-col--xxl\:l{
--gap--col:var(--a--spacing--xxl)
}
.a-gap-col--xxxl\:l{
--gap--col:var(--a--spacing--xxxl)
}

}
@media (min-width:1600px){
.a-gap--0\:xl{
--gap--col:var(--a--spacing--0);
--gap--row:var(--a--spacing--0)
}
.a-gap--1\:xl{
--gap--col:var(--a--spacing--1);
--gap--row:var(--a--spacing--1)
}
.a-gap--xxxs\:xl{
--gap--col:var(--a--spacing--xxxs);
--gap--row:var(--a--spacing--xxxs)
}
.a-gap--xxs\:xl{
--gap--col:var(--a--spacing--xxs);
--gap--row:var(--a--spacing--xxs)
}
.a-gap--xs\:xl{
--gap--col:var(--a--spacing--xs);
--gap--row:var(--a--spacing--xs)
}
.a-gap--s\:xl{
--gap--col:var(--a--spacing--s);
--gap--row:var(--a--spacing--s)
}
.a-gap--m\:xl{
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}
.a-gap--l\:xl{
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}
.a-gap--xl\:xl{
--gap--col:var(--a--spacing--xl);
--gap--row:var(--a--spacing--xl)
}
.a-gap--xxl\:xl{
--gap--col:var(--a--spacing--xxl);
--gap--row:var(--a--spacing--xxl)
}
.a-gap--xxxl\:xl{
--gap--col:var(--a--spacing--xxxl);
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-row--0\:xl{
--gap--row:var(--a--spacing--0)
}
.a-gap-row--1\:xl{
--gap--row:var(--a--spacing--1)
}
.a-gap-row--xxxs\:xl{
--gap--row:var(--a--spacing--xxxs)
}
.a-gap-row--xxs\:xl{
--gap--row:var(--a--spacing--xxs)
}
.a-gap-row--xs\:xl{
--gap--row:var(--a--spacing--xs)
}
.a-gap-row--s\:xl{
--gap--row:var(--a--spacing--s)
}
.a-gap-row--m\:xl{
--gap--row:var(--a--spacing--m)
}
.a-gap-row--l\:xl{
--gap--row:var(--a--spacing--l)
}
.a-gap-row--xl\:xl{
--gap--row:var(--a--spacing--xl)
}
.a-gap-row--xxl\:xl{
--gap--row:var(--a--spacing--xxl)
}
.a-gap-row--xxxl\:xl{
--gap--row:var(--a--spacing--xxxl)
}
.a-gap-col--0\:xl{
--gap--col:var(--a--spacing--0)
}
.a-gap-col--1\:xl{
--gap--col:var(--a--spacing--1)
}
.a-gap-col--xxxs\:xl{
--gap--col:var(--a--spacing--xxxs)
}
.a-gap-col--xxs\:xl{
--gap--col:var(--a--spacing--xxs)
}
.a-gap-col--xs\:xl{
--gap--col:var(--a--spacing--xs)
}
.a-gap-col--s\:xl{
--gap--col:var(--a--spacing--s)
}
.a-gap-col--m\:xl{
--gap--col:var(--a--spacing--m)
}
.a-gap-col--l\:xl{
--gap--col:var(--a--spacing--l)
}
.a-gap-col--xl\:xl{
--gap--col:var(--a--spacing--xl)
}
.a-gap-col--xxl\:xl{
--gap--col:var(--a--spacing--xxl)
}
.a-gap-col--xxxl\:xl{
--gap--col:var(--a--spacing--xxxl)
}

}
@media (max-width:1023px){
:is(.a-gap--xl,.a-gap--xxl,.a-gap--xxxl){
--gap--col:var(--a--spacing--m);
--gap--row:var(--a--spacing--m)
}

}
@media (max-width:1279px){
:is(.a-gap--xl,.a-gap--xxl,.a-gap--xxxl){
--gap--col:var(--a--spacing--l);
--gap--row:var(--a--spacing--l)
}

}
.a-field:is(:focus-within:not(:has([disabled])):not(:has([readonly]))){
--label--color:var(--a--label--color--active, var(--a--color--accent))
}
.a-field--checkbox,.a-field--radio{
display:flex;
flex-wrap:nowrap;
gap:var(--a--spacing--xxs)
}
.a-field--checkbox>input,.a-field--radio>input{
margin-block-start:0
}
.a-field__hint{
display:block;
padding:var(--a--field--spacing--vertical) 0;
margin:calc(var(--a--field--spacing--outer,var(--a--spacing--s)) * -1) 0 0;
font-family:var(--hint--font-family, var(--a--font-family--secondary));
font-size:var(--hint--font-size, var(--a--font-size--s));
font-weight:var(--hint--font-weight,var(--a--font-weight));
letter-spacing:var(--hint--letter-spacing, var(--a--letter-spacing));
text-transform:var(--hint--text-transform,var(--a--text-transform));
line-height:var(--hint--line-height, var(--a--line-height));
color:var(--hint--color,rgba(var(--a--color-rgb),80%))
}
.a-image--rounded{
border-radius:var(--a--border--radius)
}
.a-image--circle{
border-radius:999px
}
.a-image--landscape{
aspect-ratio:4/3
}
.a-image--landscape-3-2{
aspect-ratio:3/2
}
.a-image--landscape-8-5{
aspect-ratio:8/5
}
.a-image--landscape-16-9{
aspect-ratio:16/9
}
.a-image--portrait{
aspect-ratio:3/4
}
.a-image--portrait-2-3{
aspect-ratio:2/3
}
.a-image--portrait-5-8{
aspect-ratio:5/8
}
.a-image--portrait-9-16{
aspect-ratio:9/16
}
.a-image--square{
aspect-ratio:1/1
}
:where(.a-image--cover,.a-image--contain,.a-image--fill,.a-image--scale-down){
position:relative
}
:where(.a-image--cover,.a-image--contain,.a-image--fill,.a-image--scale-down) img{
width:100%;
height:100%;
z-index:var(--a--layer--1);
object-position:center
}
:where(.a-image--cover) img{
object-fit:cover
}
:where(.a-image--contain) img{
object-fit:contain
}
:where(.a-image--fill) img{
object-fit:fill
}
:where(.a-image--scale-down) img{
object-fit:scale-down
}
:where(.a-image--start-top) img{
object-position:left top
}
[dir=rtl] :where(.a-image--start-top) img{
object-position:right top
}
:where(.a-image--center-top) img{
object-position:center top
}
:where(.a-image--end-top) img{
object-position:right top
}
[dir=rtl] :where(.a-image--end-top) img{
object-position:left top
}
:where(.a-image--start-center) img{
object-position:left center
}
[dir=rtl] :where(.a-image--start-center) img{
object-position:right center
}
:where(.a-image--center-center) img{
object-position:center center
}
:where(.a-image--end-center) img{
object-position:right center
}
[dir=rtl] :where(.a-image--end-center) img{
object-position:left center
}
:where(.a-image--start-bottom) img{
object-position:left bottom
}
[dir=rtl] :where(.a-image--start-bottom) img{
object-position:right bottom
}
:where(.a-image--center-bottom) img{
object-position:center bottom
}
:where(.a-image--end-bottom) img{
object-position:right bottom
}
[dir=rtl] :where(.a-image--end-bottom) img{
object-position:left bottom
}
.a-button{
display:inline-flex;
justify-content:center;
align-items:center;
gap:calc(var(--button--spacing--h,var(--a--button--spacing--horizontal))/ 4);
padding:var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal));
font-family:var(--button--font-family, var(--a--button--font-family, sans-serif));
font-size:var(--button--font-size, var(--a--button--font-size, 1rem));
font-weight:var(--button--font-weight,var(--a--button--font-weight,700));
letter-spacing:var(--button--letter-spacing, var(--a--button--letter-spacing, 0));
text-transform:var(--button--text-transform,var(--a--button--text-transform,none));
line-height:var(--button--line-height, var(--a--button--line-height, 1.5rem));
text-decoration:none;
text-align:center;
user-select:none;
color:var(--button--color,var(--a--button--color));
background-color:var(--button--background-color,var(--a--button--background-color));
border:var(--button--border-width,var(--a--button--border-width)) solid var(--button--border-color,var(--a--button--border-color,transparent));
border-radius:var(--button--border-radius,var(--a--button--border-radius));
box-shadow:var(--button--box-shadow,var(--a--button--shadow));
outline:var(--button--outline-color,transparent) var(--a--outline--style,solid) var(--a--outline--width,2px);
outline-offset:var(--a--outline--offset,2px);
transition-property:transform,color,background,border,box-shadow,outline,text-decoration;
transition-timing-function:var(--button--transition--timing-function,var(--a--transition--duration));
transition-duration:var(--button--transition--duration, var(--a--transition--duration))
}
.a-button svg{
position:relative;
display:block;
pointer-events:none;
color:currentColor
}
.a-button:where(:hover,:focus){
--button--color:var(--a--button--color--active);
--button--background-color:var(--a--button--background-color--active)
}
.a-button:where(:focus){
--button--box-shadow:var(--a--button--shadow--active)
}
.a-button:where(:focus-visible){
--button--outline-color:var(--a--button--background-color--active)
}
.a-button--xxs{
--button--spacing--v:calc(var(--a--button--spacing--vertical) * 0.75);
--button--spacing--h:calc(var(--a--button--spacing--horizontal) * 0.75);
--button--font-size:calc(var(--a--button--font-size, 1rem) * 0.75)
}
.a-button--xs{
--button--spacing--v:calc(var(--a--button--spacing--vertical) * 0.75);
--button--spacing--h:calc(var(--a--button--spacing--horizontal) * 0.75);
--button--font-size:calc(var(--a--button--font-size, 1rem) * 0.875)
}
.a-button--s{
--button--spacing--v:calc(var(--a--button--spacing--vertical) * 0.875);
--button--spacing--h:calc(var(--a--button--spacing--horizontal) * 0.875);
--button--font-size:calc(var(--a--button--font-size, 1rem) * 0.9375)
}
.a-button--l{
--button--spacing--v:calc(var(--a--button--spacing--vertical) * 1.125);
--button--spacing--h:calc(var(--a--button--spacing--horizontal) * 1.125);
--button--font-size:calc(var(--a--button--font-size, 1rem) * 1.0625)
}
.a-button--xl{
--button--spacing--v:calc(var(--a--button--spacing--vertical) * 1.25);
--button--spacing--h:calc(var(--a--button--spacing--horizontal) * 1.25);
--button--font-size:calc(var(--a--button--font-size, 1rem) * 1.125)
}
.a-button--xxl{
--button--spacing--v:calc(var(--a--button--spacing--vertical) * 1.375);
--button--spacing--h:calc(var(--a--button--spacing--horizontal) * 1.375);
--button--font-size:calc(var(--a--button--font-size, 1rem) * 1.25)
}
.a-button--primary{
--button--font-family:var(--a--button--primary--font-family);
--button--font-size:var(--a--button--primary--font-size);
--button--font-weight:var(--a--button--primary--font-weight);
--button--letter-spacing:var(--a--button--primary--letter-spacing);
--button--text-transform:var(--a--button--primary--text-transform);
--button--line-height:var(--a--button--primary--line-height)
}
.a-button--secondary{
--button--font-family:var(--a--button--secondary--font-family);
--button--font-size:var(--a--button--secondary--font-size);
--button--font-weight:var(--a--button--secondary--font-weight);
--button--letter-spacing:var(--a--button--secondary--letter-spacing);
--button--text-transform:var(--a--button--secondary--text-transform);
--button--line-height:var(--a--button--secondary--line-height)
}
.a-button--accent{
--button--color:var(--a--button--accent--color);
--button--background-color:var(--a--button--accent--background-color);
--button--border-color:var(--a--button--accent--border-color);
--button--box-shadow:var(--a--button--accent--shadow)
}
.a-button--accent:where(:hover,:focus){
--button--color:var(--a--button--accent--color--active);
--button--background-color:var(--a--button--accent--background-color--active);
--button--border-color:var(--a--button--accent--border-color--active)
}
.a-button--accent:where(:focus){
--button--box-shadow:var(--a--button--accent--shadow--active)
}
.a-button--accent:where(:focus-visible){
--button--outline-color:var(--a--button--accent--background-color--active)
}
.a-button--highlight{
--button--color:var(--a--button--highlight--color);
--button--background-color:var(--a--button--highlight--background-color);
--button--border-color:var(--a--button--highlight--border-color);
--button--box-shadow:var(--a--button--highlight--shadow)
}
.a-button--highlight:where(:hover,:focus){
--button--color:var(--a--button--highlight--color--active);
--button--background-color:var(--a--button--highlight--background-color--active);
--button--border-color:var(--a--button--highlight--border-color--active)
}
.a-button--highlight:where(:focus){
--button--box-shadow:var(--a--button--highlight--shadow--active)
}
.a-button--highlight:where(:focus-visible){
--button--outline-color:var(--a--button--highlight--background-color--active)
}
.a-button--contrast{
--button--color:var(--a--button--contrast--color);
--button--background-color:var(--a--button--contrast--background-color);
--button--border-color:var(--a--button--contrast--border-color);
--button--box-shadow:var(--a--button--contrast--shadow)
}
.a-button--contrast:where(:hover,:focus){
--button--color:var(--a--button--contrast--color--active);
--button--background-color:var(--a--button--contrast--background-color--active);
--button--border-color:var(--a--button--contrast--border-color--active)
}
.a-button--contrast:where(:focus){
--button--box-shadow:var(--a--button--contrast--shadow--active)
}
.a-button--contrast:where(:focus-visible){
--button--outline-color:var(--a--button--contrast--background-color--active)
}
.a-button--outline{
--button--color:var(--a--button--outline--color);
--button--background-color:var(--a--button--outline--background-color, transparent);
--button--border-color:var(--a--button--outline--border-color);
--button--box-shadow:var(--a--button--outline--shadow)
}
.a-button--outline:where(:hover,:focus){
--button--color:var(--a--button--outline--color--active);
--button--background-color:var(--a--button--outline--background-color--active, transparent);
--button--border-color:var(--a--button--outline--border-color--active)
}
.a-button--outline:where(:focus){
--button--box-shadow:var(--a--button--outline--shadow--active)
}
.a-button--outline:where(:focus-visible){
--button--outline-color:var(--a--button--outline--color--active)
}
.a-button--outline.a-button--accent:not(:hover,:focus){
--button--color:var(--a--color--accent);
--button--border-color:currentColor
}
.a-button--outline.a-button--highlight:not(:hover,:focus){
--button--color:var(--a--color--highlight);
--button--border-color:currentColor
}
.a-button--outline.a-button--contrast:not(:hover,:focus){
--button--color:var(--a--color--contrast);
--button--border-color:currentColor
}
.a-button--link{
--button--color:var(--a--link--color);
--button--background-color:transparent;
--button--border-color:transparent;
--button--box-shadow:none;
text-decoration:revert
}
.a-button--link:where(:hover,:focus){
--button--color:var(--a--link--color--active);
--button--background-color:transparent;
--button--border-color:transparent
}
.a-button--link:where(:focus){
--button--box-shadow:none
}
.a-button--link:where(:focus-visible){
--button--outline-color:currentColor
}
.a-button--icon{
padding-inline:var(--button--spacing--v,var(--a--button--spacing--vertical))
}
.a-button--icon-start{
display:inline-grid;
grid-template-columns:auto 1fr;
gap:max(var(--button--spacing--h,var(--a--button--spacing--horizontal)),var(--a--spacing--xs));
padding-inline:var(--button--spacing--v,var(--a--button--spacing--vertical)) calc(var(--button--spacing--v,var(--a--button--spacing--vertical)) * 2)
}
.a-button--icon-end{
display:inline-grid;
grid-template-columns:1fr auto;
gap:max(var(--button--spacing--h,var(--a--button--spacing--horizontal)),var(--a--spacing--xs));
padding-inline:calc(var(--button--spacing--v,var(--a--button--spacing--vertical)) * 2) var(--button--spacing--v,var(--a--button--spacing--vertical))
}
.a-button--icon-equal{
display:inline-grid;
grid-template-columns:1.5rem 1fr 1.5rem;
gap:max(var(--button--spacing--h,var(--a--button--spacing--horizontal)),var(--a--spacing--xs));
padding-inline:calc(var(--button--spacing--v,var(--a--button--spacing--vertical)) * 2)
}
.a-button--narrow{
padding-inline:max(var(--button--spacing--v,var(--a--button--spacing--vertical)),var(--a--spacing--xs))
}
.a-button:where([disabled]){
--button--border-color:transparent;
opacity:1;
pointer-events:none;
cursor:default;
background-image:repeating-linear-gradient(-45deg,transparent,transparent var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) calc(var(--button--disabled--stripe--size,.5rem) * 2));
box-shadow:none;
outline:0
}
.a-button:where([disabled]):hover{
--button--color:inherit
}
.a-buttons{
display:flex;
flex-wrap:wrap;
align-items:center
}
.a-buttons+.a-buttons{
margin-block-start:var(--a--spacing)
}
.a-buttons--start{
justify-content:flex-start
}
.a-buttons--center{
justify-content:center
}
.a-buttons--end{
justify-content:flex-end
}
.a-buttons--stretch{
justify-content:stretch
}
.a-buttons--row{
flex-direction:row
}
.a-buttons--column{
flex-direction:column;
align-items:flex-start
}
.a-buttons--column.a-buttons--start{
align-items:flex-start
}
.a-buttons--column.a-buttons--center{
align-items:center
}
.a-buttons--column.a-buttons--end{
align-items:flex-end
}
.a-buttons--column.a-buttons--stretch{
align-items:stretch
}
.a-buttons:where(:not([class*=a-gap])){
gap:var(--a--spacing--xxs)
}
.a-buttons.a-gap--0:not(.a-buttons--column) .a-button:first-child{
border-start-end-radius:0;
border-end-end-radius:0
}
.a-buttons.a-gap--0:not(.a-buttons--column) .a-button:not(:first-child):not(:last-child){
border-radius:0
}
.a-buttons.a-gap--0:not(.a-buttons--column) .a-button:last-child{
border-start-start-radius:0;
border-end-start-radius:0
}
.a-sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
white-space:nowrap;
border:0
}
:root{
color-scheme:dark;
--a--color:#ffffff;
--a--color-rgb:255,255,255;
--a--color--accent:#dcc8fa;
--a--color--accent-rgb:220,200,250;
--a--color--highlight:#fadcc8;
--a--color--highlight-rgb:250,220,200;
--a--color--significant:#c8fafa;
--a--color--significant-rgb:200,250,250;
--a--color--contrast:#000032;
--a--color--contrast-rgb:0,0,50;
--a--color--background:#32327d;
--a--color--background-rgb:50,50,125;
--a--color--background--down:#191964;
--a--color--background--down-rgb:25,25,100;
--a--color--success-rgb:150,225,175;
--a--color--warning-rgb:225,175,150;
--a--color--error-rgb:225,150,175;
--a--link--color-rgb:var(--a--color-rgb);
--a--link--color--active-rgb:var(--a--color--accent-rgb);
--a--color--light:#fff;
--a--color--light-rgb:255,255,255;
--a--color--dark:#000032;
--a--color--dark-rgb:0,0,50;
--a--color--shadow-rgb:0,0,50;
--a--anchor--gutter:var(--f--anchor--gutter);
--a--selection--color:var(--a--color--background);
--a--selection--background-color:var(--a--color);
--a--font-family--primary:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--a--font-family--secondary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--a--font-size--base:14px;
--a--font-weight:400;
--a--letter-spacing:0em;
--a--text-transform:none;
--a--line-height:1.75;
--a--font-size--xxl:1.25rem;
--a--font-size--xl:1.125rem;
--a--font-size--l:1.0625rem;
--a--font-size:1rem;
--a--font-size--s:0.9375rem;
--a--font-size--xs:0.875rem;
--a--font-size--xxs:0.75rem;
--a--transition--duration:0.25s;
--a--transition--timing-function:ease-in-out;
--a--spacing:2.5rem;
--a--border--width:1px;
--a--border--radius:4px;
--a--outline--width:2px;
--a--outline--style:solid;
--a--outline--offset:4px;
--a--heading--font-family:var(--a--font-family--primary, sans-serif);
--a--heading--font-scale:1.25;
--a--heading--font-size:1.2rem;
--a--heading--font-weight:var(--a--font-weight--bold-semi);
--a--heading--line-height:calc(2ex + 0.2em);
--a--heading--letter-spacing:0.005em;
--a--heading--sub--font-family:var(--a--font-family--secondary);
--a--heading--sub--font-size:var(--a--heading--font-size--h6--fluid);
--a--heading--sub--font-weight:var(--a--font-weight);
--a--label--spacing:var(--a--spacing--xxs);
--a--label--font-family:var(--a--font-family--primary);
--a--label--font-size:var(--a--font-size--xxl);
--a--label--font-weight:var(--a--font-weight--bold-semi);
--a--label--letter-spacing:var(--a--letter-spacing);
--a--label--text-transform:var(--a--text-transform);
--a--label--color:var(--a--color);
--a--label--color--active:var(--a--color--accent);
--a--field--font-size:var(--a--font-size);
--a--field--spacing--vertical:0.75rem;
--a--field--spacing--horizontal:1.25rem;
--a--field--spacing--outer:0;
--a--field--color:rgba(var(--a--color-rgb), 1);
--a--field--color--active:var(--a--color);
--a--field--background-color:rgba(var(--a--color--dark-rgb), 0.5);
--a--field--background-color--active:rgba(var(--a--color--dark-rgb), 0.75);
--a--field--background-color--readonly:rgba(var(--a--color-rgb), 0.1);
--a--field--border-width:var(--a--border--width);
--a--field--border-radius:var(--a--border--radius);
--a--field--border-color:rgba(var(--a--color-rgb), 0);
--a--field--border-color--active:rgba(var(--a--color--accent-rgb), 1);
--a--field--shadow-width:6px;
--a--field--shadow:0 0 0 0 rgba(var(--a--color--shadow-rgb), 0.2);
--a--field--shadow--active:0 0 0 var(--a--field--shadow-width) rgba(var(--a--color--shadow-rgb), 0.5);
--a--field--shadow--valid:0 0 0 var(--a--field--shadow-width) rgba(var(--a--color--success-rgb), 0.5);
--a--field--shadow--invalid:0 0 0 var(--a--field--shadow-width) rgba(var(--a--color--error-rgb), 0.5);
--a--field--placeholder--color:rgba(var(--a--color-rgb), 0.75);
--a--field--placeholder--color--active:rgba(var(--a--color-rgb), 0.5);
--a--button--spacing--vertical:0.625em;
--a--button--spacing--horizontal:var(--a--spacing);
--a--button--font-family:var(--a--font-family--primary, sans-serif);
--a--button--font-size:1.1rem;
--a--button--font-weight:var(--a--font-weight--bold-semi);
--a--button--letter-spacing:0.005em;
--a--button--text-transform:none;
--a--button--line-height:1.5em;
--a--button--border-width:var(--a--border--width);
--a--button--border-radius:var(--a--border--radius);
--a--button--color:var(--a--color--contrast);
--a--button--color--active:var(--a--color--contrast);
--a--button--background-color:var(--a--color);
--a--button--background-color--active:var(--a--color--accent);
--a--button--shadow-width:4px;
--a--button--shadow:0 0 0 0 transparent;
--a--button--shadow--active:0 0 0 var(--a--button--shadow-width) rgba(var(--a--color--accent-rgb), 0.3);
--a--button--accent--color:var(--a--color--contrast);
--a--button--accent--color--active:var(--a--color--contrast);
--a--button--accent--background-color:var(--a--color--accent);
--a--button--accent--background-color--active:var(--a--color);
--a--button--accent--shadow-width:4px;
--a--button--accent--shadow:var(--a--button--shadow);
--a--button--accent--shadow--active:0 0 0 var(--a--button--accent--shadow-width) rgba(var(--a--color--highlight-rgb), 0.3);
--a--button--highlight--color:var(--a--color--contrast);
--a--button--highlight--color--active:var(--a--color--contrast);
--a--button--highlight--background-color:var(--a--color--highlight);
--a--button--highlight--background-color--active:var(--a--color);
--a--button--highlight--shadow-width:4px;
--a--button--highlight--shadow:var(--a--button--shadow);
--a--button--highlight--shadow--active:0 0 0 var(--a--button--highlight--shadow-width) rgba(var(--a--color-rgb), 0.3);
--a--button--contrast--color:var(--a--color);
--a--button--contrast--color--active:var(--a--color--contrast);
--a--button--contrast--background-color:var(--a--color--contrast);
--a--button--contrast--background-color--active:var(--a--color--highlight);
--a--button--contrast--shadow-width:4px;
--a--button--contrast--shadow:var(--a--button--shadow);
--a--button--contrast--shadow--active:0 0 0 var(--a--button--contrast--shadow-width) rgba(var(--a--color--highlight-rgb), 0.3);
--a--button--outline--color:rgba(var(--a--color-rgb), 0.75);
--a--button--outline--color--active:var(--a--color);
--a--button--outline--background-color:transparent;
--a--button--outline--background-color--active:transparent;
--a--button--outline--border-color:rgba(var(--a--color-rgb), 0.2);
--a--button--outline--border-color--active:var(--a--color);
--a--button--outline--shadow-width:4px;
--a--button--outline--shadow:var(--a--button--shadow);
--a--button--outline--shadow--active:0 0 0 var(--a--button--outline--shadow-width) rgba(var(--a--color-rgb), 0.2);
--a--progress--size:0.25rem;
--a--progress--color:var(--a--color--accent);
--a--progress--background-color:rgba(var(--a--color--dark-rgb), 25%);
--a--container--width:90rem;
--a--container--gap:var(--a--container--spacing);
--a--container--spacing:var(--a--spacing--xs);
--off--transition--duration:0.5s;
--off--transition--timing-function:cubic-bezier(0.9, 0, 0.1, 1);
--off--dialog--width:var(--a--container--width);
--off--dialog--width--50:calc(var(--a--container--width) / 2);
--off--dialog--width--75:calc(var(--a--container--width) / 4 * 3);
--off--dialog--spacing:var(--a--container--spacing);
--off--dialog--radius:var(--a--border--radius)
}
@media (prefers-reduced-motion:reduce){
html{
scroll-behavior:auto
}
:root{
--a--transition--duration:0s;
--off--transition--duration:0s
}

}
@media (max-width:767px){
.a-flex__box--xl{
--box--spacing:var(--a--spacing)
}
.a-off:where([data-off-breakpoint='768']){
opacity:0;
pointer-events:none;
transform:translate3d(100%,0,0);
position:fixed;
top:0;
right:0;
width:var(--off--width,100%);
min-width:var(--off--width-min,320px);
height:100vh;
z-index:var(--off--z-index,190);
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
transition-property:opacity,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
@supports (min-height:100dvh){
.a-off:where([data-off-breakpoint='768']){
height:100dvh
}

}
@supports (overscroll-behavior-y:contain){
.a-off:where([data-off-breakpoint='768']){
overscroll-behavior-y:contain
}

}
.a-off:where([data-off-breakpoint='768']):where([data-off-position]){
opacity:1;
transition-property:transform,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
.a-off:where([data-off-breakpoint='768']):where([data-off-position]) .a-off__close{
opacity:1
}
.a-off:where([data-off-breakpoint='768']):where([data-off-position=top]){
top:0;
bottom:auto;
height:auto;
min-height:auto;
transform:translate3d(0,-100%,0)
}
.a-off:where([data-off-breakpoint='768']):where([data-off-position=right]){
right:0;
left:auto;
transform:translate3d(100%,0,0)
}
.a-off:where([data-off-breakpoint='768']):where([data-off-position=bottom]){
top:auto;
bottom:0;
height:auto;
min-height:auto;
transform:translate3d(0,100%,0)
}
.a-off:where([data-off-breakpoint='768']):where([data-off-position=left]){
right:auto;
left:0;
transform:translate3d(-100%,0,0)
}
.a-off:where([data-off-breakpoint='768']):where([data-off-position=left]),.a-off:where([data-off-breakpoint='768']):where([data-off-position=right]){
width:var(--off--width,80%);
max-width:var(--off--width-max,480px)
}
.a-off:where([data-off-breakpoint='768']).active{
opacity:1;
pointer-events:auto;
transform:translate3d(0,0,0);
transition-duration:calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
}
.a-off:where([data-off-breakpoint='768']).active:where([data-off-position]){
transition-duration:var(--off--transition--duration)
}
.a-off:where([data-off-breakpoint='768']).active:is(.closing){
opacity:0
}
.a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position]){
opacity:1
}
.a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=top]){
transform:translate3d(0,-100%,0)
}
.a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=right]){
transform:translate3d(100%,0,0)
}
.a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=bottom]){
transform:translate3d(0,100%,0)
}
.a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=left]){
transform:translate3d(-100%,0,0)
}
.a-off:where([data-off-breakpoint='768']).active .a-off__close{
opacity:1;
pointer-events:auto
}

}
@media (min-width:768px){
:root{
--a--font-size--base:16px;
--a--container--spacing:var(--a--spacing--s)
}
.a-off__trigger:is([data-off-breakpoint='768']){
display:none;
pointer-events:none
}
.a-off__location>.a-off[data-off-breakpoint='768']{
display:none
}

}
@media (max-width:767px){
.a-off__trigger:is([data-off-breakpoint='768']){
display:revert;
pointer-events:auto
}

}
@media (max-width:1023px){
.a-off:where(:not([data-off-breakpoint])),.a-off:where([data-off-breakpoint='1024']){
opacity:0;
pointer-events:none;
transform:translate3d(100%,0,0);
position:fixed;
top:0;
right:0;
width:var(--off--width,100%);
min-width:var(--off--width-min,320px);
height:100vh;
z-index:var(--off--z-index,190);
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
transition-property:opacity,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
@supports (min-height:100dvh){
.a-off:where(:not([data-off-breakpoint])),.a-off:where([data-off-breakpoint='1024']){
height:100dvh
}

}
@supports (overscroll-behavior-y:contain){
.a-off:where(:not([data-off-breakpoint])),.a-off:where([data-off-breakpoint='1024']){
overscroll-behavior-y:contain
}

}
.a-off:where(:not([data-off-breakpoint])):where([data-off-position]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position]){
opacity:1;
transition-property:transform,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
.a-off:where(:not([data-off-breakpoint])):where([data-off-position]) .a-off__close,.a-off:where([data-off-breakpoint='1024']):where([data-off-position]) .a-off__close{
opacity:1
}
.a-off:where(:not([data-off-breakpoint])):where([data-off-position=top]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=top]){
top:0;
bottom:auto;
height:auto;
min-height:auto;
transform:translate3d(0,-100%,0)
}
.a-off:where(:not([data-off-breakpoint])):where([data-off-position=right]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=right]){
right:0;
left:auto;
transform:translate3d(100%,0,0)
}
.a-off:where(:not([data-off-breakpoint])):where([data-off-position=bottom]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=bottom]){
top:auto;
bottom:0;
height:auto;
min-height:auto;
transform:translate3d(0,100%,0)
}
.a-off:where(:not([data-off-breakpoint])):where([data-off-position=left]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=left]){
right:auto;
left:0;
transform:translate3d(-100%,0,0)
}
.a-off:where(:not([data-off-breakpoint])):where([data-off-position=left]),.a-off:where(:not([data-off-breakpoint])):where([data-off-position=right]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=left]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=right]){
width:var(--off--width,80%);
max-width:var(--off--width-max,480px)
}
.a-off:where(:not([data-off-breakpoint])).active,.a-off:where([data-off-breakpoint='1024']).active{
opacity:1;
pointer-events:auto;
transform:translate3d(0,0,0);
transition-duration:calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
}
.a-off:where(:not([data-off-breakpoint])).active:where([data-off-position]),.a-off:where([data-off-breakpoint='1024']).active:where([data-off-position]){
transition-duration:var(--off--transition--duration)
}
.a-off:where(:not([data-off-breakpoint])).active:is(.closing),.a-off:where([data-off-breakpoint='1024']).active:is(.closing){
opacity:0
}
.a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position]){
opacity:1
}
.a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=top]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=top]){
transform:translate3d(0,-100%,0)
}
.a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=right]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=right]){
transform:translate3d(100%,0,0)
}
.a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=bottom]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=bottom]){
transform:translate3d(0,100%,0)
}
.a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=left]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=left]){
transform:translate3d(-100%,0,0)
}
.a-off:where(:not([data-off-breakpoint])).active .a-off__close,.a-off:where([data-off-breakpoint='1024']).active .a-off__close{
opacity:1;
pointer-events:auto
}

}
@media (min-width:1024px){
:root{
--a--container--spacing:var(--a--spacing--m)
}
.a-off__trigger:is([data-off-breakpoint='1024']),.a-off__trigger:not([data-off-breakpoint]){
display:none;
pointer-events:none
}
.a-off__location>.a-off:not([data-off-breakpoint]),.a-off__location>.a-off[data-off-breakpoint='1024']{
display:none
}

}
@media (max-width:1023px){
.a-off__trigger:is([data-off-breakpoint='1024']),.a-off__trigger:not([data-off-breakpoint]){
display:revert;
pointer-events:auto
}

}
@media (max-width:1279px){
.a-off:where([data-off-breakpoint='1280']){
opacity:0;
pointer-events:none;
transform:translate3d(100%,0,0);
position:fixed;
top:0;
right:0;
width:var(--off--width,100%);
min-width:var(--off--width-min,320px);
height:100vh;
z-index:var(--off--z-index,190);
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
transition-property:opacity,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
@supports (min-height:100dvh){
.a-off:where([data-off-breakpoint='1280']){
height:100dvh
}

}
@supports (overscroll-behavior-y:contain){
.a-off:where([data-off-breakpoint='1280']){
overscroll-behavior-y:contain
}

}
.a-off:where([data-off-breakpoint='1280']):where([data-off-position]){
opacity:1;
transition-property:transform,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
.a-off:where([data-off-breakpoint='1280']):where([data-off-position]) .a-off__close{
opacity:1
}
.a-off:where([data-off-breakpoint='1280']):where([data-off-position=top]){
top:0;
bottom:auto;
height:auto;
min-height:auto;
transform:translate3d(0,-100%,0)
}
.a-off:where([data-off-breakpoint='1280']):where([data-off-position=right]){
right:0;
left:auto;
transform:translate3d(100%,0,0)
}
.a-off:where([data-off-breakpoint='1280']):where([data-off-position=bottom]){
top:auto;
bottom:0;
height:auto;
min-height:auto;
transform:translate3d(0,100%,0)
}
.a-off:where([data-off-breakpoint='1280']):where([data-off-position=left]){
right:auto;
left:0;
transform:translate3d(-100%,0,0)
}
.a-off:where([data-off-breakpoint='1280']):where([data-off-position=left]),.a-off:where([data-off-breakpoint='1280']):where([data-off-position=right]){
width:var(--off--width,80%);
max-width:var(--off--width-max,480px)
}
.a-off:where([data-off-breakpoint='1280']).active{
opacity:1;
pointer-events:auto;
transform:translate3d(0,0,0);
transition-duration:calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
}
.a-off:where([data-off-breakpoint='1280']).active:where([data-off-position]){
transition-duration:var(--off--transition--duration)
}
.a-off:where([data-off-breakpoint='1280']).active:is(.closing){
opacity:0
}
.a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position]){
opacity:1
}
.a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=top]){
transform:translate3d(0,-100%,0)
}
.a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=right]){
transform:translate3d(100%,0,0)
}
.a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=bottom]){
transform:translate3d(0,100%,0)
}
.a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=left]){
transform:translate3d(-100%,0,0)
}
.a-off:where([data-off-breakpoint='1280']).active .a-off__close{
opacity:1;
pointer-events:auto
}

}
@media (min-width:1280px){
.a-off__trigger:is([data-off-breakpoint='1280']){
display:none;
pointer-events:none
}
.a-off__location>.a-off[data-off-breakpoint='1280']{
display:none
}

}
@media (max-width:1279px){
.a-off__trigger:is([data-off-breakpoint='1280']){
display:revert;
pointer-events:auto
}

}
body.off-all--enabled .a-off__trigger{
display:revert;
pointer-events:auto
}
.a-off:where([data-off-breakpoint=all]){
opacity:0;
pointer-events:none;
transform:translate3d(100%,0,0);
position:fixed;
top:0;
right:0;
width:var(--off--width,100%);
min-width:var(--off--width-min,320px);
height:100vh;
z-index:var(--off--z-index,190);
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
transition-property:opacity,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
@supports (min-height:100dvh){
.a-off:where([data-off-breakpoint=all]){
height:100dvh
}

}
@supports (overscroll-behavior-y:contain){
.a-off:where([data-off-breakpoint=all]){
overscroll-behavior-y:contain
}

}
.a-off:where([data-off-breakpoint=all]):where([data-off-position]){
opacity:1;
transition-property:transform,box-shadow;
transition-duration:var(--off--transition--duration);
transition-timing-function:var(--off--transition--timing-function)
}
.a-off:where([data-off-breakpoint=all]):where([data-off-position]) .a-off__close{
opacity:1
}
.a-off:where([data-off-breakpoint=all]):where([data-off-position=top]){
top:0;
bottom:auto;
height:auto;
min-height:auto;
transform:translate3d(0,-100%,0)
}
.a-off:where([data-off-breakpoint=all]):where([data-off-position=right]){
right:0;
left:auto;
transform:translate3d(100%,0,0)
}
.a-off:where([data-off-breakpoint=all]):where([data-off-position=bottom]){
top:auto;
bottom:0;
height:auto;
min-height:auto;
transform:translate3d(0,100%,0)
}
.a-off:where([data-off-breakpoint=all]):where([data-off-position=left]){
right:auto;
left:0;
transform:translate3d(-100%,0,0)
}
.a-off:where([data-off-breakpoint=all]):where([data-off-position=left]),.a-off:where([data-off-breakpoint=all]):where([data-off-position=right]){
width:var(--off--width,80%);
max-width:var(--off--width-max,480px)
}
.a-off:where([data-off-breakpoint=all]):where(.active){
opacity:1;
pointer-events:auto;
transform:translate3d(0,0,0);
transition-duration:calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
}
.a-off:where([data-off-breakpoint=all]):where(.active):where([data-off-position]){
transition-duration:var(--off--transition--duration)
}
.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing){
opacity:0
}
.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position]){
opacity:1
}
.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=top]){
transform:translate3d(0,-100%,0)
}
.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=right]){
transform:translate3d(100%,0,0)
}
.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=bottom]){
transform:translate3d(0,100%,0)
}
.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=left]){
transform:translate3d(-100%,0,0)
}
.a-off:where([data-off-breakpoint=all]):where(.active) .a-off__close{
opacity:1;
pointer-events:auto
}
.a-off__trigger{
display:none
}
.a-off__trigger:is([data-off-breakpoint=all]){
display:block
}
.a-off__trigger svg{
pointer-events:none
}
.a-off__close{
display:none;
opacity:0;
pointer-events:none;
position:absolute;
top:var(--a--spacing--xs);
right:var(--a--spacing--xs);
align-items:center;
justify-content:center
}
.a-off__close svg{
pointer-events:none
}
.active .a-off__close{
display:flex
}
.a-off__overlay{
opacity:0;
pointer-events:none;
transform:translateX(100%);
position:fixed;
top:0;
left:0;
width:100%;
height:125%;
z-index:calc(var(--off--z-index,190) - 1);
transition:opacity var(--off--transition--duration) ease
}
.off-active .a-off__overlay{
opacity:1;
pointer-events:auto;
transform:translateX(0)
}
.off-active.off-closing .a-off__overlay{
opacity:0;
transition-duration:calc(var(--off--transition--duration) / 2);
transition-delay:calc(var(--off--transition--duration) / 2)
}
.a-off--dialog{
display:flex;
align-items:center;
justify-content:center;
padding:var(--off--dialog--spacing);
pointer-events:none;
overscroll-behavior:contain;
overflow:hidden
}
.a-off--dialog .a-off__container{
position:relative;
display:flex;
flex-direction:column;
width:100%;
max-width:var(--off--dialog--width);
height:calc(100vh - (var(--off--dialog--spacing) * 2));
margin:0 auto;
pointer-events:auto;
transition:transform var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
@supports (height:100dvh){
.a-off--dialog .a-off__container{
height:calc(100dvh - (var(--off--dialog--spacing) * 2))
}

}
.a-off--dialog .a-off__container--50{
max-width:var(--off--dialog--width--50)
}
.a-off--dialog .a-off__container--75{
max-width:var(--off--dialog--width--75)
}
.a-off--dialog .a-off__scroller{
padding:var(--off--dialog--spacing);
overflow-x:hidden;
overflow-y:auto
}
.a-off--dialog .a-off__sticky{
position:sticky;
top:0;
padding-inline:var(--off--dialog--spacing);
margin-inline:calc(var(--off--dialog--spacing) * -1);
background-color:inherit
}
.a-off--dialog .a-off__close{
top:var(--a--spacing--xxxs);
right:var(--a--spacing--xxxs);
z-index:var(--a--layer--1)
}
@media (min-width:1024px){
.a-off--dialog .a-off__close{
top:var(--a--spacing--xs);
right:var(--a--spacing--xs)
}
.f-form__terms{
max-width:max(480px,75%)
}

}
.a-off--dialog:not([data-off-position]) .a-off__container{
transform:translateY(var(--off--dialog--spacing))
}
.a-off--dialog:not([data-off-position]):where(.active) .a-off__container{
transform:translateY(0)
}
.a-off--dialog:not([data-off-position]):where(.closing) .a-off__container{
transform:translateY(var(--off--dialog--spacing))
}
details.is-style-plus summary{
padding-inline-end:calc(var(--details--icon--size) + var(--details--icon--spacing,var(--a--spacing--s)) + var(--a--spacing--s))
}
details.is-style-plus summary:after,details.is-style-plus summary:before{
content:'';
position:absolute;
top:50%;
right:var(--details--icon--spacing,var(--a--spacing--s));
width:var(--details--icon--size,1rem);
height:var(--details--icon--thickness,var(--a--border--width--l));
transform-origin:50% 50%;
background-color:currentColor;
border-radius:var(--details--icon--radius,var(--a--border--radius));
transition:transform var(--a--transition--duration--half) var(--a--transition--timing-function--ease-in-out)
}
details.is-style-plus summary:before{
transform:translateY(-50%)
}
details.is-style-plus summary:after{
margin-top:0;
transform:translateY(-50%) rotate(90deg);
border:none
}
details.is-style-plus[open] summary:before{
transform:translateY(-50%) rotate(180deg)
}
details.is-style-plus[open] summary:after{
transform:translateY(-50%) rotate(360deg)
}
p[style*='text-decoration:none'] a{
text-decoration-color:transparent
}
p[style*='text-decoration:none'] a:focus,p[style*='text-decoration:none'] a:hover{
text-decoration-color:currentColor
}
svg.icon [stroke]:not([stroke=none]){
stroke:currentColor
}
svg.icon [fill]:not([fill=none]){
fill:currentColor
}
svg.icon .accent{
color:var(--a--color--accent)
}
svg.icon .highlight{
color:var(--a--color--highlight)
}
svg.defs{
position:absolute;
width:0;
height:0;
visibility:hidden
}
summary{
text-wrap:balance
}
summary :where(h2,h3,h4){
margin:0;
font-family:inherit;
font-size:inherit;
font-weight:inherit;
line-height:inherit;
letter-spacing:inherit;
text-transform:inherit
}
body{
max-width:1920px;
margin-inline:auto;
overflow-x:hidden
}
.f-skiplink{
position:absolute;
top:0;
left:-10000px
}
.f-skiplink:focus{
top:0;
padding:var(--a--spacing--xxs) var(--a--spacing);
z-index:var(--a--layer--top);
text-align:center;
color:var(--a--color);
background-color:var(--a--color--background);
border-radius:0;
outline-offset:0;
--shadow--size:var(--a--spacing);
--shadow--color:rgba(var(--a--color--shadow-rgb), 5%);
box-shadow:0 0 calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 2) var(--shadow--color),0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 4 * 3) var(--shadow--color),0 calc(var(--shadow--size)/ 4 * 3) var(--shadow--size) var(--shadow--color);
transition:none
}
.admin-bar .f-skiplink:focus{
top:32px
}
:where(html:not(.no-js)) .f-lazy{
opacity:0;
transition:opacity var(--f--lazy--transition-duration, var(--a--transition--duration--double)) var(--f--lazy--transition-timing-function, linear)
}
:where(html:not(.no-js)) .f-lazy+.f-lazy__loading{
opacity:1
}
:where(html:not(.no-js)) .f-lazy.lazy-loaded{
opacity:1
}
:where(html:not(.no-js)) .f-lazy.lazy-loaded+.f-lazy__loading{
opacity:0
}
.f-icon svg{
display:block
}
.f-icon--highlight{
color:var(--a--color--highlight)
}
.f-gallery figure{
margin-block-end:0
}
.f-alert{
--alert--border-width:var(--a--border--width);
box-shadow:0 var(--alert--border-width) 0 0 var(--alert--border-color)
}
.f-alert p{
text-wrap:balance
}
.f-form__loading{
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate3d(0,-100%,0);
position:absolute;
inset:0;
z-index:var(--a--layer--5);
display:flex;
align-items:center;
justify-content:center;
color:var(--a--color);
background-color:rgba(var(--a--color--background-rgb),50%);
transition-property:opacity,visibility;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-form__loading.active{
opacity:1;
visibility:visible;
transform:translate3d(0,0,0);
pointer-events:auto
}
.f-form__loading.closing{
opacity:0
}
.f-label--terms{
display:flex;
align-items:center;
gap:var(--a--spacing--xs)
}
.f-label--terms>input{
margin:0;
flex-shrink:0
}
.f-form__terms{
font-size:var(--a--font-size--xs);
line-height:var(--a--line-height--xs)
}
.f-form__submit{
position:relative;
margin-top:var(--form--spacing,var(--a--spacing--s))
}
.f-form__submit--center{
text-align:center
}
.f-form__note{
font-size:var(--a--font-size--xs);
text-wrap:pretty
}
.f-form__response{
scroll-margin-top:var(--a--anchor--gutter,var(--a--spacing--xl))
}
.f-form__alert{
user-select:none;
cursor:pointer
}
.f-form__alert>*{
pointer-events:none
}
.f-search__field{
position:relative;
margin:0
}
.f-search__input{
margin:0
}
.f-search__button{
--button--spacing--h:var(--a--spacing--xxs);
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
border-radius:0 var(--a--field--border-radius) var(--a--field--border-radius) 0
}
.f-form{
position:relative
}
.f-form__header{
margin-bottom:var(--form--spacing,var(--a--spacing))
}
.f-button--secret{
padding:0;
text-decoration-color:transparent
}
.f-button--secret:focus,.f-button--secret:hover{
text-decoration-color:currentColor
}
.f-breadcrumbs{
--breadcrumbs--gap:var(--a--spacing--xxs);
position:relative;
line-height:var(--a--line-height--xs)
}
.f-breadcrumbs ol{
display:flex;
align-items:baseline;
gap:var(--breadcrumbs--gap);
padding:0;
margin:0;
overflow-x:auto;
--scrollbar--width:6px
}
.f-breadcrumbs ol:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:rgba(var(--a--color-rgb),0.2) transparent;
scrollbar-width:thin
}
.f-breadcrumbs ol::-webkit-scrollbar{
background-color:transparent;
width:6px;
height:6px
}
.f-breadcrumbs ol::-webkit-scrollbar-thumb{
background-color:rgba(var(--a--color-rgb),.2);
background-clip:content-box
}
.f-breadcrumbs ol::-webkit-scrollbar-track{
background-color:transparent
}
@media (max-width:767px){
.f-breadcrumbs ol{
font-size:var(--a--font-size--xs)
}

}
.f-breadcrumbs li{
display:inline-flex;
align-items:center;
gap:var(--breadcrumbs--gap);
padding:0;
white-space:nowrap
}
.f-breadcrumbs a{
padding:0;
margin:0;
text-decoration:revert;
text-decoration-color:transparent;
line-height:inherit
}
.f-breadcrumbs a:where([aria-current]):not(:hover,:focus){
--link--color:inherit
}
.f-breadcrumbs a:where(:hover,:focus){
text-decoration-color:currentColor
}
.f-breadcrumbs__separator{
line-height:inherit
}
.f-pagination{
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--a--spacing--xxs);
margin:var(--a--spacing) auto 0
}
.f-pagination li{
display:inline-block
}
.f-pagination :is(a,span){
display:inline-block;
padding:var(--a--spacing--xxs) var(--a--spacing--xs);
text-align:center;
background-color:transparent;
border-radius:var(--a--button--border-radius)
}
.f-pagination a:active,.f-pagination a:focus,.f-pagination a:hover{
color:var(--a--color--accent)
}
.f-pagination span.current{
color:var(--a--color--contrast);
background-color:var(--a--color--accent)
}
.f-pagination .next,.f-pagination .prev{
width:100%
}
.f-content{
--content--spacing:var(--a--spacing--m);
display:flow-root
}
.f-content>:where(:not(p,h1,h2,h3,h4,h5,h6,figure)){
margin-block:var(--content--spacing)
}
.f-content>:where(:not(p,h1,h2,h3,h4,h5,h6,figure)):first-child{
margin-block-start:0
}
.f-content>:where(:not(p,h1,h2,h3,h4,h5,h6,figure)):last-child{
margin-block-end:0
}
.f-avatar{
--avatar--size:var(--f--avatar--size, 40px);
--avatar--border-width:var(--a--border--width--l);
--avatar--border-color:currentColor;
position:relative;
display:inline-flex;
place-content:center;
margin:0;
overflow:hidden;
width:var(--avatar--size);
height:var(--avatar--size);
border-radius:50%;
box-shadow:0 0 0 var(--avatar--border-width) var(--avatar--border-color);
--avatar--border-width:var(--a--border--width--l);
--avatar--border-color:var(--a--color)
}
.f-avatar img{
width:var(--avatar--size);
height:var(--avatar--size);
border-radius:inherit
}
.f-avatar--placeholder{
border:none
}
.f-avatar--placeholder svg{
width:inherit;
height:inherit
}
.f-avatar--placeholder svg [stroke-width]{
stroke-width:1px
}
.f-avatar--s{
--avatar--size:calc(var(--f--avatar--size, 40px) / 2)
}
.f-avatar--l{
--avatar--size:calc(var(--f--avatar--size, 40px) * 1.5)
}
.f-avatar--xl{
--avatar--size:calc(var(--f--avatar--size, 40px) * 2)
}
.f-avatar--xxl{
--avatar--size:calc(var(--f--avatar--size, 40px) * 3)
}
.f-author{
line-height:normal
}
.f-author__name{
font-size:var(--a--font-size--xl);
font-weight:var(--a--font-weight--bold)
}
.f-author__position{
opacity:.8;
font-size:var(--a--font-size--s)
}
.f-section__container{
padding-top:var(--section--spacing,var(--a--spacing--m));
padding-bottom:var(--section--spacing,var(--a--spacing--m))
}
.f-section__container:where(:not(.a-stack))>:where(:not(.screen-reader-text))+*{
margin-top:max(var(--section--spacing--inner,var(--section--spacing,var(--a--spacing--m)),var(--a--spacing--s)))
}
.f-section__footer--center,.f-section__header--center{
text-align:center
}
.f-section__footer--end,.f-section__header--end{
text-align:end
}
.f-section__actions{
display:flex;
align-items:center
}
.f-section__actions--center{
justify-content:center
}
.f-section__actions--end{
justify-content:flex-end
}
.f-metas{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--gap--row,0) var(--gap--col,0);
padding:0;
margin:0
}
@media (min-width:768px){
.f-pagination .next,.f-pagination .prev{
width:auto
}
.f-metas{
flex-direction:row;
align-items:flex-start;
gap:var(--gap--row,var(--a--spacing--xs)) var(--gap--col,var(--a--spacing--xs))
}
.f-metas--align-center{
align-items:center
}
.f-metas--justify-center{
justify-content:center
}

}
.f-meta{
display:flex;
flex-direction:column;
justify-content:center;
gap:var(--gap--row,var(--a--spacing--xxs)) var(--gap--col,var(--a--spacing--xs));
padding:var(--a--spacing--xxxs) 0
}
.f-meta:not(:last-child){
border:solid var(--meta--border-color,rgba(var(--a--color-rgb),20%));
border-width:0 0 var(--meta--border-width,var(--a--border--width)) 0
}
@media (min-width:768px){
.f-meta:not(:last-child){
padding-right:var(--meta--border-spacing,var(--a--spacing--s));
border-width:0 var(--meta--border-width,var(--a--border--width)) 0 0
}

}
.f-meta--center{
align-items:center
}
.f-meta--end{
align-items:flex-end
}
.f-meta--row{
flex-direction:row
}
.f-meta__label{
font-size:var(--a--font-size--xxs);
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing--xxl);
text-transform:uppercase
}
.f-meta__value{
line-height:var(--a--line-height--xs)
}
.f-metas--vertical{
flex-direction:column
}
.f-metas--vertical .f-meta{
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
padding:0 0 0 var(--meta--border-spacing,var(--a--spacing--xs));
border:solid var(--meta--border-color,rgba(var(--a--color-rgb),20%));
border-width:0 0 0 var(--meta--border-width,var(--a--border--width))
}
.f-tags{
--tag--border-radius:var(--a--border--radius)
}
.f-tags ul{
display:flex;
flex-wrap:wrap;
gap:var(--tags--gap,var(--a--spacing--xxxs));
padding:0;
margin:0;
list-style:none
}
.f-tags a{
display:block;
padding:var(--tags--spacing--v,var(--a--spacing--xxxs)) var(--tags--spacing--h,var(--a--spacing--xs));
font-size:var(--a--font-size--xs);
text-decoration:none;
background-color:rgba(var(--a--color-rgb),5%);
border-radius:var(--tag--border-radius,calc(var(--tags--spacing--h,var(--a--spacing--xs)) * 2));
outline-offset:var(--a--outline--offset)
}
.f-tags a:is(:hover,:focus){
background-color:rgba(var(--a--color--accent-rgb),10%)
}
.f-tags h3{
font-size:var(--a--font-size--l)
}
.f-tags--center ul{
justify-content:center
}
#wpadminbar{
z-index:var(--a--adminbar--layer,var(--a--layer--6))
}
.alignnone{
margin:0 0 var(--spacing,var(--a--spacing)) 0
}
.aligncenter{
margin:0 auto var(--spacing,var(--a--spacing)) auto;
text-align:center
}
.alignright{
float:right;
margin:0 0 var(--spacing,var(--a--spacing)) var(--spacing,var(--a--spacing))
}
.alignleft{
float:left;
margin:0 var(--spacing,var(--a--spacing)) var(--spacing,var(--a--spacing)) 0
}
mark[style*='background-color:rgba(0, 0, 0, 0)']{
padding:0
}
[class*='.has-h-']{
--line-height:var(--a--heading--line-height, 1.3);
line-height:var(--line-height)
}
.has-text-color :where(a){
--color:currentColor
}
.alignwide{
--spacing:var(--a--container--spacing);
min-width:calc(100% + (var(--spacing) * 2));
margin-inline:calc(var(--spacing) * -1)
}
.alignwide .alignwide{
min-width:100%;
margin-inline:0
}
.alignfull{
margin-inline:calc(-100vw / 2 + 100% / 2)
}
@media (max-width:479px){
[class*=a-container] .alignfull{
margin-inline:calc(var(--a--container--spacing) * -1)
}

}
.alignfull .alignfull{
margin-inline:0
}
.wp-block-heading mark[style*='background-color:rgba(0, 0, 0, 0)']{
padding:0;
margin:0
}
.wp-block-columns{
flex-wrap:wrap!important;
margin-bottom:var(--wp--style--block-gap,var(--a--spacing--m))
}
@media (min-width:1024px){
.wp-block-columns{
flex-wrap:nowrap!important
}

}
.wp-block-columns:where(:last-child){
margin-bottom:0
}
@media (max-width:1023px){
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis:100%!important
}
.wp-block-media-text.is-stacked-on-mobile.wp-block-media-text{
grid-template-columns:100%!important
}
.wp-block-media-text.is-stacked-on-mobile.wp-block-media-text .wp-block-media-text__media{
grid-column:1;
grid-row:1
}
.wp-block-media-text.is-stacked-on-mobile.wp-block-media-text .wp-block-media-text__content{
grid-column:1;
grid-row:2
}

}
.wp-block-columns .wp-block-column{
margin:0
}
.wp-block-button .wp-block-button__link{
display:inline-flex;
justify-content:center;
align-items:center;
gap:calc(var(--button--spacing--h,var(--a--button--spacing--horizontal))/ 4);
padding:var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal));
font-family:var(--button--font-family, var(--a--button--font-family, sans-serif));
font-size:var(--button--font-size, var(--a--button--font-size, 1rem));
font-weight:var(--button--font-weight,var(--a--button--font-weight,700));
letter-spacing:var(--button--letter-spacing, var(--a--button--letter-spacing, 0));
text-transform:var(--button--text-transform,var(--a--button--text-transform,none));
line-height:var(--button--line-height, var(--a--button--line-height, 1.5rem));
text-decoration:none;
text-align:center;
user-select:none;
color:var(--button--color,var(--a--button--color));
background-color:var(--button--background-color,var(--a--button--background-color));
border:var(--button--border-width,var(--a--button--border-width)) solid var(--button--border-color,var(--a--button--border-color,transparent));
border-radius:var(--button--border-radius,var(--a--button--border-radius));
box-shadow:var(--button--box-shadow,var(--a--button--shadow));
outline:var(--button--outline-color,transparent) var(--a--outline--style,solid) var(--a--outline--width,2px);
outline-offset:var(--a--outline--offset,2px);
transition-property:transform,color,background,border,box-shadow,outline,text-decoration;
transition-timing-function:var(--button--transition--timing-function,var(--a--transition--duration));
transition-duration:var(--button--transition--duration, var(--a--transition--duration))
}
.wp-block-button .wp-block-button__link svg{
position:relative;
display:block;
pointer-events:none;
color:currentColor
}
.wp-block-button .wp-block-button__link:where(:hover,:focus){
--button--color:var(--a--button--color--active);
--button--background-color:var(--a--button--background-color--active)
}
.wp-block-button .wp-block-button__link:where(:focus){
--button--box-shadow:var(--a--button--shadow--active)
}
.wp-block-button .wp-block-button__link:where(:focus-visible){
--button--outline-color:var(--a--button--background-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-primary-background-color){
--button--color:var(--a--button--color);
--button--background-color:var(--a--button--background-color);
--button--border-color:var(--a--button--border-color);
--button--box-shadow:var(--a--button--shadow)
}
.wp-block-button .wp-block-button__link:where(.has-primary-background-color):where(:hover,:focus){
--button--color:var(--a--button--color--active);
--button--background-color:var(--a--button--background-color--active);
--button--border-color:var(--a--button--border-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-primary-background-color):where(:focus){
--button--box-shadow:var(--a--button--shadow--active)
}
.wp-block-button .wp-block-button__link:where(.has-primary-background-color):where(:focus-visible){
--button--outline-color:var(--a--button--background-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-primary-background-color):is(:hover,:focus){
background-color:var(--button--background-color)!important
}
.wp-block-button .wp-block-button__link:where(.has-accent-background-color){
--button--color:var(--a--button--accent--color);
--button--background-color:var(--a--button--accent--background-color);
--button--border-color:var(--a--button--accent--border-color);
--button--box-shadow:var(--a--button--accent--shadow)
}
.wp-block-button .wp-block-button__link:where(.has-accent-background-color):where(:hover,:focus){
--button--color:var(--a--button--accent--color--active);
--button--background-color:var(--a--button--accent--background-color--active);
--button--border-color:var(--a--button--accent--border-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-accent-background-color):where(:focus){
--button--box-shadow:var(--a--button--accent--shadow--active)
}
.wp-block-button .wp-block-button__link:where(.has-accent-background-color):where(:focus-visible){
--button--outline-color:var(--a--button--accent--background-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-accent-background-color):is(:hover,:focus){
background-color:var(--button--background-color)!important
}
.wp-block-button .wp-block-button__link:where(.has-highlight-background-color){
--button--color:var(--a--button--highlight--color);
--button--background-color:var(--a--button--highlight--background-color);
--button--border-color:var(--a--button--highlight--border-color);
--button--box-shadow:var(--a--button--highlight--shadow)
}
.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):where(:hover,:focus){
--button--color:var(--a--button--highlight--color--active);
--button--background-color:var(--a--button--highlight--background-color--active);
--button--border-color:var(--a--button--highlight--border-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):where(:focus){
--button--box-shadow:var(--a--button--highlight--shadow--active)
}
.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):where(:focus-visible){
--button--outline-color:var(--a--button--highlight--background-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):is(:hover,:focus){
background-color:var(--button--background-color)!important
}
.wp-block-button .wp-block-button__link:where(.has-contrast-background-color){
--button--color:var(--a--button--contrast--color);
--button--background-color:var(--a--button--contrast--background-color);
--button--border-color:var(--a--button--contrast--border-color);
--button--box-shadow:var(--a--button--contrast--shadow)
}
.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):where(:hover,:focus){
--button--color:var(--a--button--contrast--color--active);
--button--background-color:var(--a--button--contrast--background-color--active);
--button--border-color:var(--a--button--contrast--border-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):where(:focus){
--button--box-shadow:var(--a--button--contrast--shadow--active)
}
.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):where(:focus-visible){
--button--outline-color:var(--a--button--contrast--background-color--active)
}
.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):is(:hover,:focus){
background-color:var(--button--background-color)!important
}
.wp-block-button.is-style-outline>.wp-block-button__link{
--button--color:var(--a--button--outline--color);
--button--background-color:var(--a--button--outline--background-color, transparent);
--button--border-color:var(--a--button--outline--border-color);
--button--box-shadow:var(--a--button--outline--shadow);
padding:var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal))
}
.wp-block-button.is-style-outline>.wp-block-button__link:where(:hover,:focus){
--button--color:var(--a--button--outline--color--active);
--button--background-color:var(--a--button--outline--background-color--active, transparent);
--button--border-color:var(--a--button--outline--border-color--active)
}
.wp-block-button.is-style-outline>.wp-block-button__link:where(:focus){
--button--box-shadow:var(--a--button--outline--shadow--active)
}
.wp-block-button.is-style-outline>.wp-block-button__link:where(:focus-visible){
--button--outline-color:var(--a--button--outline--color--active)
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){
color:var(--button--color)
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-text-color):is(:hover,:focus){
--button--color:var(--a--button--outline--color--active);
--button--background-color:var(--a--button--outline--background-color--active);
--button--border-color:var(--a--button--outline--border-color--active);
color:var(--button--color)!important
}
.wp-block-button.is-style-outline>.wp-block-button__link:where(.has-accent-color){
--button--border-color:var(--a--color--accent)
}
.wp-block-button.is-style-outline>.wp-block-button__link:where(.has-highlight-color){
--button--border-color:var(--a--color--highlight)
}
.wp-block-button.is-style-outline>.wp-block-button__link:where(.has-contrast-color){
--button--border-color:var(--a--color--contrast)
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):where(:hover,:focus){
--button--color:var(--a--button--outline--color--active);
--button--background-color:var(--a--button--outline--background-color--active);
--button--border-color:var(--a--button--outline--border-color--active)
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):where(:focus){
--button--box-shadow:var(--a--button--outline--shadow--active)
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):where(:focus-visible){
--button--outline-color:var(--a--button--outline--border-color--active)
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-background){
--button--background-color:var(--a--button--outline--background-color);
background-color:var(--button--background-color)!important
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-accent-background-color):not(:hover,:focus){
--button--border-color:var(--a--color--accent)
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-highlight-background-color):not(:hover,:focus){
--button--border-color:var(--a--color--highlight)
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-contrast-background-color):not(:hover,:focus){
--button--border-color:var(--a--color--contrast)
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-border-color){
border-color:var(--button--border-color)
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-border-color):is(:hover,:focus){
--button--box-shadow:none;
border-color:currentColor
}
.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-border-color):is(:focus-visible){
--button--outline-color:currentColor
}
.wp-block-buttons .wp-block-button{
margin:0
}
.wp-block-social-link a{
transition-property:color,background-color,outline,transform;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.wp-block-cover{
min-height:22.5rem;
padding:var(--cover--spacing--v,var(--a--spacing--m)) var(--cover--spacing--h,var(--a--container--spacing))
}
.wp-block-cover:last-child{
margin-block-end:0
}
.wp-block-cover:is(.is-light):not(.has-text-color){
color:var(--a--color)
}
[data-scheme=light] .wp-block-cover:is(.is-light):not(.has-text-color){
color:var(--a--color)
}
[data-scheme=dark] .wp-block-cover:is(.is-light):not(.has-text-color){
color:var(--a--color--contrast)
}
.wp-block-image{
margin-block-end:var(--spacing,var(--wp--style--block-gap,var(--a--spacing)))
}
.wp-block-image img{
vertical-align:middle
}
.wp-block-image figcaption{
color:inherit
}
.wp-block-image.aligncenter{
margin-right:auto;
margin-left:auto
}
.wp-block-embed,.wp-block-gallery,.wp-block-video{
--spacing:var(--a--spacing--m);
margin-block:var(--spacing)
}
.wp-block-media-text .wp-block-media-text__content{
--spacing:calc(var(--a--container--spacing) / 2);
padding:max(var(--spacing),var(--a--spacing)) var(--spacing)
}
@media (min-width:768px){
.wp-block-media-text .wp-block-media-text__content{
--spacing:calc(var(--a--container--spacing) / 4 * 3)
}

}
.wp-block-media-text.is-image-fill .wp-block-media-text__media{
min-height:420px
}
.wp-block-table{
--table--spacing--v:var(--a--spacing--xxs);
--table--spacing--h:var(--a--spacing--xs);
--table--border-width:var(--a--table--border-width, var(--a--border--width--s));
--table--border-color:var(--a--table--border-color, rgba(var(--a--color-rgb), 0.2));
margin-block-end:var(--wp--style--block-gap,var(--a--spacing))
}
.wp-block-table table{
margin-block-end:var(--wp--style--block-gap,var(--a--spacing))
}
.wp-block-table table:last-child{
margin-block-end:0
}
.wp-block-table td,.wp-block-table th{
padding:var(--table--spacing--v) var(--table--spacing--h)
}
.wp-block-table td:where(:first-child),.wp-block-table th:where(:first-child){
padding-inline-start:0
}
.wp-block-table td:where(:last-child),.wp-block-table th:where(:last-child){
padding-inline-end:0
}
.wp-block-table th{
text-align:inherit
}
.wp-block-table :is(figcaption){
--caption--spacing--v:0;
font-size:small;
text-align:inherit;
color:inherit
}
.wp-block-table:not(.is-style-stripes) td,.wp-block-table:not(.is-style-stripes) th{
border-bottom:solid var(--table--border-color);
border-width:0 0 var(--table--border-width)
}
.wp-block-table.is-style-stripes{
margin-inline:calc(var(--table--spacing--h) * -1);
border:none
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
background-color:var(--a--table--stripe-background-color);
background-image:var(--a--table--stripe-background-image)
}
.wp-block-table.is-style-stripes td:where(:first-child),.wp-block-table.is-style-stripes th:where(:first-child){
padding-inline-start:var(--table--spacing--h)
}
.wp-block-table.is-style-stripes td:where(:last-child),.wp-block-table.is-style-stripes th:where(:last-child){
padding-inline-end:var(--table--spacing--h)
}
.wp-block-quote{
padding-block:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)));
margin-block-end:var(--quote--spacing,var(--a--spacing--s));
border:unset
}
@media (min-width:1024px){
.wp-block-quote{
padding:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)))
}

}
.wp-block-quote cite{
display:block;
font-size:var(--a--font-size);
line-height:normal
}
.wp-block-details{
padding:0;
overflow:unset
}
.wp-block-details>:not(summary){
margin-block-start:0
}
.wp-block-details+.wp-block-details{
margin-block-start:calc(var(--spacing)/ 2 * -1)
}
.wp-block-separator{
--separator--size:var(--a--border--width--1);
width:100%;
border-bottom-width:var(--separator--size)
}
.wp-block-separator:not(.has-background){
border-color:rgba(var(--a--color-rgb),20%)
}
:root{
--f--block--spacing--gap:var(--a--spacing--m);
--f--block--columns--spacing--gap:var(--a--spacing--m);
--f--block--buttons--spacing--gap:var(--a--spacing--xs);
--f--block--gallery--spacing--gap:var(--a--spacing--xs);
--device--color:var(--a--color--contrast);
--device--border:clamp(0.75rem, 0.75rem, 2.5rem);
--device--border-radius:clamp(0.25rem, 0.5rem, 0.5rem);
--device--depth--step:clamp(0.5rem, 0.75rem, 1rem);
--device--table--color:rgba(var(--a--color--background--down-rgb), 100%);
--f--color--web-design:#faafc8;
--f--color--web-design--rgb:250,175,200;
--f--color--web-development:#afc8fa;
--f--color--web-development--rgb:175,200,250;
--f--color--web-design-and-development:#dcc8fa;
--f--color--web-design-and-development--rgb:220,200,250;
--f--gradient--web-design-and-development:linear-gradient(to right, var(--f--color--web-design), var(--f--color--web-development));
--f--gradient--color--1--rgb:var(--a--color--background-rgb);
--f--gradient--color--2--rgb:var(--a--color--background--down-rgb);
--f--gradient--main:radial-gradient(circle, rgba(var(--a--color--background-rgb), 50%), rgba(var(--a--color--background-rgb), 0%)),radial-gradient(farthest-corner at 25% 100%, rgba(var(--f--gradient--color--2--rgb), 75%), rgba(var(--f--gradient--color--2--rgb), 0%)),radial-gradient(farthest-corner at 75% 0%, rgba(var(--f--gradient--color--1--rgb), 75%), rgba(var(--f--gradient--color--1--rgb), 0%));
--f--anchor--gutter:calc(var(--f--header--height) + var(--a--spacing--s));
--f--anchor--gutter--section:var(--f--header--height);
--f--line--size--s:var(--a--border--width--l);
--f--line--size:var(--a--border--width--xxl);
--f--filter--blur--xs:3px;
--f--filter--blur--s:5px;
--f--filter--blur:10px;
--f--filter--blur--l:20px;
--f--filter--blur--xl:30px;
--f--transition--timing-function--cb:cubic-bezier(0, 0, 0.5, 1);
--f--transition--timing-function--cb--fast:cubic-bezier(0, 0.5, 0.25, 1);
--f--transition--timing-function--cb--bounce:cubic-bezier(0, 1, 0.5, 1.25);
--f--transition--timing-function--cb--gradual:cubic-bezier(0.5, 1, 0.5, 1);
--f--transition--timing-function--cb--inout:cubic-bezier(0.9, 0, 0.1, 1);
--f--transition--timing-function--cb--puff:cubic-bezier(0, 0.25, 0.5, 1);
--f--transition--timing-function--cb--count:cubic-bezier(0.5, 0.5, 0.25, 1);
--f--transition--timing-function--cb--carousel:cubic-bezier(0.5, 1, 0.5, 1);
--f--scroll--animation-timing-function:linear;
--f--overlay--color--rgb:var(--a--color--dark-rgb);
--f--overlay--color--opacity:25%;
--f--logo--spacing--v:var(--a--spacing--xxs);
--f--logo--spacing--h:calc(var(--a--container--spacing) / 2);
--f--logo--height:32px;
--f--header--spacing--v:var(--a--container--spacing);
--f--header--spacing--h:calc(var(--a--container--spacing) / 2);
--f--header--height:calc(var(--f--logo--height) + (var(--f--header--spacing--v) * 2));
--f--header--color:var(--a--color);
--f--header--color-rgb:var(--a--color-rgb);
--f--header--color-opacity:0.8;
--f--header--color--accent:var(--a--color--accent);
--f--header--color--background:var(--a--color--background);
--f--header--color--background-rgb:var(--a--color--background-rgb);
--f--navigation--font-family:var(--a--font-family--secondary);
--f--navigation--font-size:var(--a--font-size);
--f--navigation--font-weight:var(--a--font-weight);
--f--navigation--letter-spacing:var(--a--letter-spacing);
--f--navigation--text-transform:none;
--f--navigation--line-height:var(--a--button--line-height);
--f--content--gradient:linear-gradient(to bottom, rgba(var(--a--color--background--down-rgb), 100%) 0%, rgba(var(--a--color--background--down-rgb), 0%) 100%);
--f--listing--transition-timing-function:var(--f--transition--timing-function--cb--inout);
--f--listing--transition-delay:0s;
--f--footer--color:var(--a--color);
--f--footer--color-rgb:var(--a--color-rgb);
--f--footer--color-opacity:100%;
--f--footer--color--accent:var(--a--color--accent);
--f--footer--color--background:var(--a--color--background--down);
--f--status--waiting:var(--a--color--significant);
--f--status--incomplete:var(--a--color--warning);
--f--status--trialing:var(--a--color);
--f--status--active:var(--a--color--accent);
--f--status--inactive:var(--a--color--warning);
--f--status--paused:var(--a--color--warning);
--f--status--unpaid:var(--a--color--warning);
--f--status--queued:var(--a--color--significant);
--f--status--closed:var(--a--color--success);
--f--status--stopped:var(--a--color--error);
--f--status--canceled:var(--a--color--error);
--f--status--rejected:var(--a--color--error);
--f--status--past-due:var(--a--color--error);
--f--progress--0:#f0faf0;
--f--progress--20:#e1f5e6;
--f--progress--40:#cdf0dc;
--f--progress--60:#beebcd;
--f--progress--80:#afebc3;
--f--progress--100:var(--a--color--success);
--f--progress--done:var(--a--color--success);
--f--partnership--available:var(--a--color--significant);
--f--partnership--limited:var(--a--color--warning);
--f--partnership--last:var(--a--color--error);
--f--layout--radius:var(--a--spacing--xs);
--off--width:100%;
--off--color:var(--a--color);
--off--color-rgb:var(--a--color-rgb);
--off--color--accent:var(--a--color--accent);
--off--color--background:var(--a--color--background);
--off--color--overlay:rgba(var(--a--color--background--down-rgb), 85%);
--off--transition--duration:var(--a--transition--duration--double);
--off--transition--timing-function:var(--f--transition--timing-function--cb--inout);
--off--container--spacing:var(--a--spacing--m);
--off--dialog--width:calc(var(--a--container--width) / 4 * 3);
--off--dialog--spacing:var(--a--container--spacing);
--off--dialog--radius:var(--f--layout--radius);
--f--badges--gap:var(--a--border--width--l)
}
@media (min-width:1024px){
:root{
--f--layout--radius:var(--a--spacing--m)
}

}
@media (min-width:1280px){
.wp-block-cover{
--cover--spacing--v:var(--a--spacing--l);
min-height:30rem
}
.wp-block-media-text .wp-block-media-text__content{
--spacing:var(--a--container--spacing)
}
:root{
--f--logo--spacing--h:var(--a--spacing--xs);
--f--layout--radius:var(--a--spacing--l)
}

}
:is(.ewww_webp,.ewww_webp_loaded){
transition:opacity var(--f--lazy--transition-duration, var(--a--transition--duration--double)) var(--f--lazy--transition-timing-function, linear)
}
.ewww_webp{
opacity:0
}
.ewww_webp_loaded{
opacity:1
}
.f-off[data-off-breakpoint=all]{
color:var(--off--color);
background-color:var(--off--color--background)
}
.f-off[data-off-breakpoint=all]:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:var(--a--color) var(--a--color--background)
}
.f-off[data-off-breakpoint=all]::-webkit-scrollbar{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint=all]::-webkit-scrollbar-thumb{
background-color:var(--a--color);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
.f-off[data-off-breakpoint=all]::-webkit-scrollbar-track{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint=all]::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
.f-off[data-off-breakpoint=all].active{
--box-shadow--size:var(--a--spacing--xxxl);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
@media (max-width:1279px){
.f-off[data-off-breakpoint='1280']{
color:var(--off--color);
background-color:var(--off--color--background)
}
.f-off[data-off-breakpoint='1280']:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:var(--a--color) var(--a--color--background)
}
.f-off[data-off-breakpoint='1280']::-webkit-scrollbar{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint='1280']::-webkit-scrollbar-thumb{
background-color:var(--a--color);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
.f-off[data-off-breakpoint='1280']::-webkit-scrollbar-track{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint='1280']::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
.f-off[data-off-breakpoint='1280'].active{
--box-shadow--size:var(--a--spacing--xxxl);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

}
@media (max-width:1023px){
.wp-block-media-text.is-stacked-on-mobile.wp-block-text-media{
grid-template-columns:100%!important
}
.wp-block-media-text.is-stacked-on-mobile.wp-block-text-media .wp-block-media-text__media{
grid-column:1;
grid-row:2
}
.wp-block-media-text.is-stacked-on-mobile.wp-block-text-media .wp-block-media-text__content{
grid-column:1;
grid-row:1
}
:root{
--f--navigation--font-size:var(--a--heading--font-size--h5--fluid)
}
.f-off[data-off-breakpoint='1024']{
color:var(--off--color);
background-color:var(--off--color--background)
}
.f-off[data-off-breakpoint='1024']:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:var(--a--color) var(--a--color--background)
}
.f-off[data-off-breakpoint='1024']::-webkit-scrollbar{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint='1024']::-webkit-scrollbar-thumb{
background-color:var(--a--color);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
.f-off[data-off-breakpoint='1024']::-webkit-scrollbar-track{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint='1024']::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
.f-off[data-off-breakpoint='1024'].active{
--box-shadow--size:var(--a--spacing--xxxl);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

}
@media (max-width:767px){
.f-off[data-off-breakpoint='768']{
color:var(--off--color);
background-color:var(--off--color--background)
}
.f-off[data-off-breakpoint='768']:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:var(--a--color) var(--a--color--background)
}
.f-off[data-off-breakpoint='768']::-webkit-scrollbar{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint='768']::-webkit-scrollbar-thumb{
background-color:var(--a--color);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
.f-off[data-off-breakpoint='768']::-webkit-scrollbar-track{
background-color:var(--a--color--background)
}
.f-off[data-off-breakpoint='768']::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
.f-off[data-off-breakpoint='768'].active{
--box-shadow--size:var(--a--spacing--xxxl);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-button--main{
--button--spacing--v:calc(var(--a--button--spacing--vertical) * 1.25);
--button--spacing--h:calc(var(--a--button--spacing--horizontal) * 1.25);
--button--font-size:calc(var(--a--button--font-size, 1rem) * 1.25)
}

}
.f-off .f-form{
margin-bottom:var(--a--spacing)
}
.f-off .f-off__close{
position:absolute
}
.f-off__container{
padding:var(--off--container--spacing)
}
.f-off__header :is(h2,h3){
font-size:var(--a--heading--font-size--h4--fluid)
}
.f-off__header small{
font-size:var(--a--font-size--l)
}
.f-off__close{
--button--color:var(--off--color);
position:absolute;
top:var(--a--spacing--xs);
right:var(--a--spacing--xs);
z-index:var(--a--layer--3);
backdrop-filter:blur(var(--f--filter--blur))
}
.f-off__close:focus,.f-off__close:hover{
--button--color:var(--off--color--accent)
}
.f-off__close:focus-visible{
--button--outline-color:var(--off--color--accent)
}
.f-off__overlay{
background-color:var(--off--color--overlay);
backdrop-filter:blur(var(--f--filter--blur--l))
}
.f-off--dialog{
background-color:transparent!important
}
.f-off--dialog .f-off__scroller{
padding:var(--off--dialog--spacing);
overscroll-behavior:contain;
border-radius:inherit
}
.f-off--dialog .f-off__scroller:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:rgba(var(--a--color-rgb),25%) transparent
}
.f-off--dialog .f-off__scroller::-webkit-scrollbar{
background-color:transparent
}
.f-off--dialog .f-off__scroller::-webkit-scrollbar-thumb{
background-color:rgba(var(--a--color-rgb),25%);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
.f-off--dialog .f-off__scroller::-webkit-scrollbar-track{
background-color:transparent
}
.f-off--dialog .f-off__scroller::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
@media (min-width:1280px){
.f-off--dialog .f-off__scroller{
padding:var(--off--dialog--spacing) calc(var(--off--dialog--spacing) * 2)
}

}
.f-off--dialog .f-off__container{
max-height:calc(100vh - (var(--off--dialog--spacing) * 2));
padding:0;
background-color:var(--off--color--background);
background-image:none;
--box-shadow--size:var(--a--spacing--xxxl);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
html:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:var(--a--color) var(--a--color--background)
}
html::-webkit-scrollbar{
background-color:var(--a--color--background)
}
html::-webkit-scrollbar-thumb{
background-color:var(--a--color);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
html::-webkit-scrollbar-track{
background-color:var(--a--color--background)
}
html::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
strong{
font-weight:var(--a--font-weight--bold-semi)
}
blockquote{
--quote--spacing:var(--a--spacing--s);
position:relative;
padding-inline:0;
font-size:var(--a--heading--font-size--h6--fluid);
line-height:var(--a--line-height--s);
color:var(--a--color--accent)
}
blockquote:before{
content:'';
position:absolute;
top:0;
left:0;
width:var(--a--spacing--xl);
height:var(--a--border--width--xl);
background-color:currentColor;
border-radius:var(--a--border--radius--l);
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:currentColor;
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
details.is-style-plus{
--details--icon--size:1.25rem
}
details summary{
font-size:var(--a--font-size--xl);
font-weight:var(--a--font-weight--medium)
}
details>summary{
outline-offset:calc(var(--a--outline--offset) * 2 * -1)
}
details>summary::-webkit-details-marker{
display:none
}
:is(h1,h2,h3,h4,h5,h6) small{
display:block;
text-wrap:balance
}
:is(h1,h2,h3,h4,h5,h6) small:not(:first-child){
margin-block-start:var(--a--spacing--xs)
}
figcaption{
padding:var(--a--spacing--xs);
text-align:center
}
.f-hidden{
position:absolute;
visibility:hidden
}
.f-skiplink:focus{
position:fixed;
top:var(--a--spacing--xs);
left:50%;
width:auto;
transform:translate3d(-50%,0,0);
background-color:rgba(var(--a--color--background-rgb),20%);
border-radius:var(--a--button--border-radius)
}
.f-icon--accent{
color:var(--a--color--accent)
}
.f-icon--web-design{
color:var(--f--color--web-design)
}
.f-icon--web-development{
color:var(--f--color--web-development)
}
.f-icon--fake{
display:inline-block
}
.f-icon--24{
width:24px;
height:24px
}
.f-aurora{
--aurora--color--1:var(--a--color--accent);
--aurora--color--2:var(--a--color--accent);
position:relative;
display:inline-flex
}
.f-aurora__content{
position:relative;
display:flex;
flex-wrap:nowrap;
justify-content:inherit;
align-items:inherit;
gap:inherit;
z-index:var(--a--layer--3);
isolation:isolate;
transition:text-shadow var(--a--transition--duration--double) var(--a--transition--timing-function) 0s
}
.f-aurora__background{
position:absolute;
inset:var(--aurora--inset,0);
z-index:var(--a--layer--2);
overflow:hidden;
contain:paint;
will-change:filter;
pointer-events:none;
opacity:var(--aurora--opacity, 40%);
filter:blur(var(--aurora--blur, var(--f--filter--blur--xl)));
transition:opacity var(--a--transition--duration--double) var(--a--transition--timing-function) 0s
}
.f-aurora__background:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:400%;
will-change:transform;
transform:translate3d(0,25%,0);
backface-visibility:hidden;
background-image:repeating-linear-gradient(calc(var(--aurora--angle,12deg) * -1),transparent 0,transparent calc(var(--aurora--size,2em) * 2),var(--aurora--color--1) calc(var(--aurora--size,2em) * 2),var(--aurora--color--1) calc(var(--aurora--size,2em) * 3),transparent calc(var(--aurora--size,2em) * 3),transparent calc(var(--aurora--size,2em) * 4),var(--aurora--color--2) calc(var(--aurora--size,2em) * 4),var(--aurora--color--2) calc(var(--aurora--size,2em) * 5),transparent calc(var(--aurora--size,2em) * 5),transparent calc(var(--aurora--size,2em) * 6));
animation:auroraMove var(--aurora--animation-duration,8s) linear infinite;
animation-delay:var(--aurora--animation-delay, 0s);
animation-play-state:var(--aurora--animation-state,play);
transition:background var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-aurora--accent{
--aurora--color--1:var(--a--color--accent);
--aurora--color--2:transparent
}
.f-aurora--web-design{
--aurora--color--1:var(--f--color--web-design);
--aurora--color--2:transparent
}
.f-aurora--web-development{
--aurora--color--1:var(--f--color--web-development);
--aurora--color--2:transparent
}
.f-aurora--web-design-and-development{
--aurora--color--1:var(--f--color--web-design);
--aurora--color--2:var(--f--color--web-development)
}
.f-aurora:is(:hover,:focus){
--aurora--opacity:60%;
--aurora--animation-state:play
}
.f-aurora:focus-visible{
outline-color:currentColor
}
.f-aurora--hidden:not(:hover,:focus),.f-aurora[disabled]{
--aurora--animation-state:paused;
--aurora--opacity:0
}
.f-aurora.a-button--icon-start .f-aurora__content{
display:inline-grid;
grid-template-columns:auto 1fr;
gap:inherit
}
@keyframes auroraMove{
0%{
transform:translate3d(0,25%,0)
}
100%{
transform:translate3d(0,-100%,0)
}

}
.f-button{
position:relative;
transition-timing-function:cubic-bezier(0.3,0.7,0.4,1);
transform-style:preserve-3d
}
.f-button span{
pointer-events:none
}
.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])){
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
@media (min-width:1024px){
blockquote:before{
--box-shadow--size:var(--a--spacing--l)
}
.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])){
--box-shadow--size:var(--a--spacing--s)
}

}
.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])):is(:hover,:focus){
transform:translate3d(0,-3px,0);
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 40%)
}
@media (min-width:1024px){
.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])):is(:hover,:focus){
--box-shadow--size:var(--a--spacing--l)
}

}
.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])):is(:active):not([disabled]){
--box-shadow--size:calc(var(--a--spacing--xs));
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
transform:translate3d(0,0,0)
}
.f-button.f-depth--down{
--button--border-width:0;
box-shadow:none
}
.f-button--emboss{
--button--color:var(--a--color);
--button--background-color:rgba(var(--a--color--background-rgb), 25%);
--button--background-image:linear-gradient(177deg, rgba(var(--a--color-rgb), 20%) 0%, rgba(var(--a--color-rgb), 5%) 75%);
--button--border-width:0;
backdrop-filter:blur(var(--f--filter--blur));
--text-shadow-size:var(--a--spacing--s);
--text-shadow-color:rgba(var(--a--color--shadow-rgb), 10%);
text-shadow:0 calc(var(--text-shadow-size)/ 10) calc(var(--text-shadow-size)/ 10) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 8) calc(var(--text-shadow-size)/ 8) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 4) calc(var(--text-shadow-size)/ 4) var(--text-shadow-color);
--border--opacity:1;
--border--width:var(--a--border--width--1);
--border--angle:165deg;
--border--color--start:rgba(var(--a--color-rgb), 16%);
--border--color--end:rgba(var(--a--color-rgb), 0%);
--border--mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
isolation:isolate
}
.f-button--emboss:before{
content:'';
position:absolute;
inset:0;
z-index:var(--a--layer--3);
pointer-events:none;
touch-action:none;
opacity:var(--border--opacity);
border:var(--border--width) solid transparent;
border-radius:inherit;
background:linear-gradient(var(--border--angle),var(--border--color--start),var(--border--color--end) 60%) border-box;
-webkit-mask:var(--border--mask);
mask:var(--border--mask);
mask-composite:exclude;
transition:background-image var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-button--emboss:not([disabled]){
background-image:var(--button--background-image);
background-size:100% 100%;
border:none
}
.f-button--emboss:not([disabled]):is(:hover,:focus){
--button--color:var(--a--color--accent);
background-size:100% 150%
}
.f-button--emboss:not([disabled]):is(:active){
background-size:100% 100%
}
.f-button--emboss.f-button--accent{
--button--background-image:linear-gradient(177deg, rgba(var(--a--color--accent-rgb), 50%) 0%, rgba(var(--a--color--accent-rgb), 10%) 67%);
--border--color--start:rgba(var(--a--color--accent-rgb), 50%);
--border--color--end:rgba(var(--a--color--accent-rgb), 0%)
}
.f-button--emboss.f-button--accent svg{
color:var(--a--color--accent)
}
.f-button--emboss.f-button--accent:not([disabled]):is(:hover,:focus){
--button--color:var(--a--color)
}
.f-button--emboss[disabled]:before{
display:none
}
.f-button--deboss{
--button--color:var(--a--color);
--button--background-color:transparent;
--button--background-image:radial-gradient(120% 100% at 50% 0%, rgba(var(--a--color--background--down-rgb), 100%), rgba(var(--a--color--background--down-rgb), 50%));
--button--box-shadow:none;
--button--border-width:0;
--box-shadow--inset--size:var(--a--border--width--xl);
--box-shadow--inset--color:rgba(var(--a--color--shadow-rgb), 10%);
box-shadow:inset 0 0 var(--box-shadow--inset--size) var(--box-shadow--inset--size) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 2) calc(var(--box-shadow--inset--size) * 2) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 4) calc(var(--box-shadow--inset--size) * 4) var(--box-shadow--inset--color)
}
.f-button--deboss:not([disabled]){
background-image:var(--button--background-image);
background-size:100% 100%;
background-position:0 0;
border:none
}
.f-button--deboss:not([disabled]):is(:hover,:focus){
--button--color:var(--a--color--accent);
background-size:100% 150%;
--box-shadow--inset--size:var(--a--border--width--xxl);
--box-shadow--inset--color:rgba(var(--a--color--shadow-rgb), 10%);
box-shadow:inset 0 0 var(--box-shadow--inset--size) var(--box-shadow--inset--size) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 2) calc(var(--box-shadow--inset--size) * 2) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 4) calc(var(--box-shadow--inset--size) * 4) var(--box-shadow--inset--color)
}
.f-button--deboss:not([disabled]):active{
background-size:100% 300%;
--box-shadow--inset--size:var(--a--border--width--xxxl);
--box-shadow--inset--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:inset 0 0 var(--box-shadow--inset--size) var(--box-shadow--inset--size) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 2) calc(var(--box-shadow--inset--size) * 2) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 4) calc(var(--box-shadow--inset--size) * 4) var(--box-shadow--inset--color)
}
.f-button--deboss.f-button--accent{
--button--color:var(--a--color--accent)
}
.f-button--deboss.f-button--accent:not([disabled]):is(:hover,:focus){
--button--color:var(--a--color)
}
.f-button--main{
--aurora--opacity:100%;
--aurora--color--1:var(--f--color--web-design);
--aurora--color--2:var(--f--color--web-development)
}
.f-button--main:not([disabled]){
--box-shadow--size:calc(var(--a--spacing--xl) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 40%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-button--main:not([disabled]):is(:hover,:focus){
--aurora--color--1:var(--a--color--accent);
--aurora--color--2:var(--a--color--accent);
--button--color:var(--a--color--accent);
--box-shadow--size:calc(var(--a--spacing--xxl) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 60%)
}
@media (min-width:1024px){
.f-button--main:not([disabled]){
--box-shadow--size:var(--a--spacing--xl)
}
.f-button--main:not([disabled]):is(:hover,:focus){
--box-shadow--size:var(--a--spacing--xxl)
}

}
.f-button--main:not([disabled]):is(:active){
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-button--puff{
--button--color:var(--a--color);
--button--background-color:transparent;
--button--border-color:transparent;
--button--box-shadow:none;
--decoration--color:rgba(var(--a--color--accent-rgb), 5%);
--decoration--opacity:0;
--decoration--scale--x:0.5;
--decoration--scale--y:0.5;
position:relative
}
.f-button--puff:before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
width:100%;
height:100%;
z-index:-1;
pointer-events:none;
opacity:var(--decoration--opacity);
background-color:var(--decoration--color);
border-radius:inherit;
transition-property:transform,opacity;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--f--transition--timing-function--cb--puff)
}
.f-button--puff:is(:hover,:focus,:focus-within){
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-button--puff:is(:disabled){
--decoration--opacity:0
}
.f-button--puff:is(:hover,:focus):not([disabled]){
--button--color:var(--a--color--accent);
--button--box-shadow:none
}
.f-button--brick{
--button--spacing--h:calc(var(--a--button--spacing--horizontal) / 2);
--button--color:var(--a--color);
--button--background-color:transparent;
--button--border-width:0;
font-family:var(--f--navigation--font-family);
font-size:var(--a--font--size);
font-weight:var(--f--navigation--font-weight);
letter-spacing:var(--f--navigation--letter-spacing);
text-transform:var(--f--navigation--text-transform)
}
.f-button--brick:is(:hover,:focus){
--button--color:var(--a--color--accent)
}
.f-button--web-design{
color:var(--a--color--contrast);
background-color:var(--f--color--web-design);
border:none;
text-shadow:none
}
.f-button--web-design:is(:hover,:focus):not([disabled]){
background-color:var(--a--color)
}
.f-button--web-design:focus-visible{
outline-color:var(--a--color)
}
.f-button--web-development{
color:var(--a--color--contrast);
background-color:var(--f--color--web-development);
border:none;
text-shadow:none
}
.f-button--web-development:is(:hover,:focus):not([disabled]){
background-color:var(--a--color)
}
.f-button--web-development:focus-visible{
outline-color:var(--a--color)
}
.f-button--web-design-and-development{
--gradient-angle:90deg;
position:relative;
overflow:hidden;
color:var(--a--color--contrast);
background-color:transparent;
border:none;
text-shadow:none
}
.f-button--web-design-and-development:not([disabled]):after{
content:'';
position:absolute;
inset:0;
z-index:-1;
background-image:linear-gradient(var(--gradient-angle),var(--f--color--web-design),var(--f--color--web-development))
}
.f-button--web-design-and-development:is(:hover,:focus):not([disabled]){
background-color:var(--a--color)
}
.f-button--web-design-and-development:focus-visible{
outline-color:var(--a--color)
}
.f-button--disabled{
pointer-events:none;
touch-action:none;
background-color:transparent
}
.f-text--balance{
text-wrap:balance
}
.f-text--gradient{
--text--shadow--size:0.1em;
padding-bottom:.5em;
margin-bottom:-.5em;
background-color:currentColor;
color:currentColor;
background-image:radial-gradient(var(--text--gradient--size,12em at calc(50% - 6em) 40%),var(--text--gradient--color,var(--a--color--accent)) 0,currentColor 100%);
background-clip:text;
background-size:100% 140%;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.f-text--gradient::selection{
background-image:none;
-webkit-background-clip:revert;
-webkit-text-fill-color:currentColor
}
.f-text--gradient--flip-x{
--text--gradient--size:12em at calc(50% + 6em) 40%
}
.f-text--shadow{
--text--shadow--size:0.2em;
--text--shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
filter:drop-shadow(0 var(--text--shadow--size) var(--text--shadow--size) var(--text--shadow--color)) drop-shadow(0 var(--text--shadow--size) var(--text--shadow--size) var(--text--shadow--color)) drop-shadow(0 calc(var(--text--shadow--size) * 2) calc(var(--text--shadow--size) * 2) var(--text--shadow--color)) drop-shadow(0 calc(var(--text--shadow--size) * 4) calc(var(--text--shadow--size) * 4) var(--text--shadow--color))
}
.f-link--puff{
--decoration--color:rgba(var(--a--color--accent-rgb), 5%);
--decoration--opacity:0;
--decoration--scale--x:0.5;
--decoration--scale--y:0.5;
position:relative
}
.f-link--puff:before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
width:100%;
height:100%;
z-index:-1;
pointer-events:none;
opacity:var(--decoration--opacity);
background-color:var(--decoration--color);
border-radius:inherit;
transition-property:transform,opacity;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--f--transition--timing-function--cb--puff)
}
.f-link--puff:is(:hover,:focus,:focus-within){
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-link--puff:is(:disabled){
--decoration--opacity:0
}
abbr{
outline-offset:var(--a--outline--offset);
outline:var(--a--outline--width) var(--a--outline--style) transparent
}
abbr:focus-visible{
outline-color:currentColor
}
abbr.secret{
text-decoration:underline dotted currentColor;
text-underline-offset:var(--abbr--text-underline-offset,0.5ch);
border:none;
transition:text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
abbr.secret:not(:hover,:focus){
text-decoration-color:transparent
}
.f-price{
line-height:var(--a--line-height--xs);
color:inherit
}
.f-price small{
display:block;
font-size:var(--a--font-size--xs)
}
.f-price__value{
font-family:var(--a--heading--font-family);
font-size:var(--a--heading--font-size--h2--fluid);
font-weight:var(--a--heading--font-weight);
letter-spacing:var(--a--heading--letter-spacing);
text-transform:var(--a--heading--text-transform)
}
.f-price__value .suffix{
font-size:var(--a--heading--font-size--h6--fluid)
}
.f-price__vat{
display:block;
font-size:var(--a--font-size--xxs);
transition:all var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-price__vat:not(:hover,:focus){
opacity:.8
}
.f-color--accent{
color:var(--a--color--accent)
}
.f-color--significant{
color:var(--a--color--significant)
}
.f-color--success{
color:var(--a--color--success)
}
.f-color--warning{
color:var(--a--color--warning)
}
.f-color--error{
color:var(--a--color--error)
}
.f-color--waiting{
color:var(--f--status--waiting)
}
.f-color--web-design{
color:var(--f--color--web-design)
}
.f-color--web-development{
color:var(--f--color--web-development)
}
.f-color--web-design-and-development{
background-color:currentColor;
background-image:linear-gradient(to right,var(--f--color--web-design) 25%,var(--f--color--web-development) 75%);
background-clip:text;
-webkit-background-clip:text;
text-fill-color:transparent;
-webkit-text-fill-color:transparent
}
.f-color--web-design-and-development::selection{
background-image:none;
-webkit-background-clip:revert;
-webkit-text-fill-color:currentColor
}
.f-color--web-design-and-development>::selection{
background-image:none;
-webkit-background-clip:revert;
-webkit-text-fill-color:currentColor
}
.f-border{
position:relative;
--border--opacity:1;
--border--width:var(--a--border--width--1);
--border--angle:165deg;
--border--color--start:rgba(var(--a--color-rgb), 16%);
--border--color--end:rgba(var(--a--color-rgb), 0%);
--border--mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
isolation:isolate
}
.f-border:before{
content:'';
position:absolute;
inset:0;
z-index:var(--a--layer--3);
pointer-events:none;
touch-action:none;
opacity:var(--border--opacity);
border:var(--border--width) solid transparent;
border-radius:inherit;
background:linear-gradient(var(--border--angle),var(--border--color--start),var(--border--color--end) 60%) border-box;
-webkit-mask:var(--border--mask);
mask:var(--border--mask);
mask-composite:exclude;
transition:background-image var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-border--accent{
--border--color--start:rgba(var(--a--color--accent-rgb), 48%);
--border--color--end:rgba(var(--a--color--accent-rgb), 4%)
}
.f-shadow{
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-shadow--active:is(:hover,:focus):not([disabled]){
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 40%)
}
@media (min-width:1024px){
.f-button--main:not([disabled]):is(:active){
--box-shadow--size:var(--a--spacing--s)
}
li:hover .f-button--puff,li:hover .f-link--puff{
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-shadow{
--box-shadow--size:var(--a--spacing--s)
}
.f-shadow--active:is(:hover,:focus):not([disabled]){
--box-shadow--size:var(--a--spacing--l)
}

}
.f-shadow--active.f-shadow--web-design:is(:hover,:focus):not([disabled]){
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--f--color--web-design--rgb), 40%)
}
@media (min-width:1024px){
.f-shadow--active.f-shadow--web-design:is(:hover,:focus):not([disabled]){
--box-shadow--size:var(--a--spacing--l)
}

}
.f-shadow--active.f-shadow--web-design:is(:active):not([disabled]){
--box-shadow--size:calc(var(--a--spacing--xxs))
}
.f-shadow--active.f-shadow--web-development:is(:hover,:focus):not([disabled]){
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--f--color--web-development--rgb), 40%)
}
@media (min-width:1024px){
.f-shadow--active.f-shadow--web-development:is(:hover,:focus):not([disabled]){
--box-shadow--size:var(--a--spacing--l)
}

}
.f-shadow--active.f-shadow--web-development:is(:active):not([disabled]){
--box-shadow--size:calc(var(--a--spacing--xxs))
}
.f-shadow--active.f-shadow--web-design-and-development:is(:hover,:focus):not([disabled]){
--box-shadow--size:var(--a--spacing--l);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) rgba(var(--f--color--web-design--rgb),40%),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) rgba(var(--f--color--web-design--rgb),40%),0 var(--box-shadow--size) var(--box-shadow--size) rgba(var(--f--color--web-development--rgb),40%)
}
.f-shadow--active.f-shadow--web-design-and-development:is(:active):not([disabled]){
--box-shadow--size:calc(var(--a--spacing--xxs))
}
.f-metas{
--gap--row:var(--a--spacing--xxxs);
--gap--col:var(--a--spacing--xs);
flex-wrap:wrap
}
@media (min-width:1024px){
.f-metas{
--gap--col:var(--a--spacing--s)
}

}
.f-meta{
--gap--row:0;
--gap--col:var(--a--spacing--xxs);
align-items:flex-start;
padding:var(--a--spacing--xxs) 0
}
.f-meta ul{
padding:0;
margin:0;
list-style:none;
line-height:var(--a--line-height)
}
.f-meta--status .f-meta__value{
display:flex;
align-items:center;
gap:var(--a--spacing--xxxs)
}
.f-meta--list li{
display:inline-flex
}
.f-meta--list li:not(:last-child):after{
content:','
}
.f-meta--badges{
--badges--gap:var(--a--spacing--xxxs)
}
.f-meta__label{
opacity:75%;
white-space:nowrap
}
.f-meta__value{
padding:var(--a--spacing--xxxs) 0
}
.f-meta__value ul{
padding:0;
list-style:none
}
.f-meta__value small{
font-size:var(--a--font-size--xxs);
letter-spacing:var(--a--letter-spacing--xxl);
text-transform:uppercase
}
.f-tags a{
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-status{
--pin--size:6px;
--pin--spacing:var(--a--spacing--xs);
position:relative;
display:inline-flex;
padding-left:var(--pin--spacing);
color:var(--color,currentColor);
border-radius:var(--pin--size)
}
.f-status:after,.f-status:before{
content:'';
position:absolute;
top:var(--pin--position--top,50%);
left:var(--pin--position--left,0);
width:var(--pin--size);
height:var(--pin--size);
margin-top:calc((var(--pin--size)/ 2) * -1);
user-select:none;
pointer-events:none;
background-color:currentColor;
border-radius:inherit
}
.f-status:after{
z-index:-1;
backface-visibility:hidden;
filter:opacity(50%);
animation:3s ease-in-out infinite statusPulse
}
.f-status--warning{
--color:var(--a--color--warning)
}
.f-status--none{
--color:var(--f--status--inactive)
}
.f-status--waiting{
--color:var(--f--status--waiting)
}
.f-status--incomplete{
--color:var(--f--status--incomplete)
}
.f-status--trialing{
--color:var(--f--status--trialing)
}
.f-status--active{
--color:var(--f--status--active)
}
.f-status--inactive{
--color:var(--f--status--inactive)
}
.f-status--paused{
--color:var(--f--status--paused)
}
.f-status--unpaid{
--color:var(--f--status--unpaid)
}
.f-status--queued{
--color:var(--f--status--queued)
}
.f-status--closed{
--color:var(--f--status--closed)
}
.f-status--canceled{
--color:var(--f--status--canceled)
}
.f-status--rejected{
--color:var(--f--status--rejected)
}
.f-status--past_due{
--color:var(--f--status--past-due)
}
.f-status--l{
--pin--size:10px;
--pin--spacing:var(--a--spacing--s)
}
.f-status--closed:after{
display:none
}
.f-status--pin{
width:var(--pin--size);
height:var(--pin--size);
padding:0
}
@keyframes statusPulse{
0%{
opacity:1;
transform:scale(1,1)
}
100%,50%{
opacity:0;
transform:scale(5,5)
}

}
.f-tooltip{
--tooltip--popup--opacity:0;
position:relative
}
.f-tooltip__popup{
opacity:var(--tooltip--popup--opacity, 0);
position:absolute;
bottom:calc(100% + var(--a--spacing--xxs));
left:50%;
transform:translate3d(-50%,0,0);
width:50ch;
max-width:75vw;
padding:var(--a--spacing--xs);
white-space:wrap;
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size--xs);
font-weight:var(--a--font-weight);
line-height:var(--a--line-height--s);
text-align:center;
content-visibility:auto;
pointer-events:none;
color:var(--a--color);
background-image:linear-gradient(180deg,rgba(var(--a--color-rgb),10%) 25%,rgba(var(--a--color-rgb),5%) 75%);
border-radius:var(--a--border--radius--l);
backdrop-filter:blur(var(--f--filter--blur));
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
transition:opacity var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-tooltip:focus-visible{
--tooltip--popup--opacity:1
}
@media (pointer:coarse){
.f-tooltip:focus{
--tooltip--popup--opacity:1
}

}
.f-badges{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--badges--gap,var(--f--badges--gap));
padding:0;
margin:0
}
.f-badges--center{
justify-content:center
}
.f-badges--available{
--badges--border-color:rgba(var(--a--color--success-rgb), 20%)
}
.f-badges--limited{
--badges--border-color:rgba(var(--a--color--warning-rgb), 20%)
}
.f-badges--unavailable{
--badges--border-color:rgba(var(--a--color--error-rgb), 20%)
}
.f-badge{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--badge--spacing--h,var(--a--spacing--xs));
padding:var(--badge--spacing--v,var(--a--spacing--xxxs)) var(--badge--spacing--h,var(--a--spacing--xxs));
font-size:var(--a--font-size--xs);
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing--l);
line-height:var(--a--line-height--xs);
user-select:none;
color:var(--badge--color,rgba(var(--badge--color--rgb,var(--a--color-rgb)),100%));
background-color:var(--badge--background-color,rgba(var(--badge--color--rgb,var(--a--color-rgb)),10%));
border:var(--a--border--width--1) solid var(--badge--border-color,transparent);
border-radius:var(--a--border--radius)
}
@media (min-width:1024px){
.f-tags a,.f-tooltip__popup{
--box-shadow--size:var(--a--spacing--s)
}
.f-badge{
--badge--spacing--h:var(--a--spacing--xs)
}

}
.f-badge>a{
display:contents
}
.f-badge--xs{
font-size:var(--a--font-size--xxs)
}
.f-badge--s{
font-size:var(--a--font-size--xs)
}
.f-badge--l{
--badge--spacing--v:var(--a--spacing--xxs);
--badge--spacing--h:var(--a--spacing--s);
font-size:var(--a--font-size--s)
}
@media (min-width:1024px){
.f-badge--l{
font-size:var(--a--font-size)
}

}
.f-badge--xl{
--badge--spacing--v:var(--a--spacing--xxs);
--badge--spacing--h:var(--a--spacing--s);
font-size:var(--a--font-size)
}
.f-badge--outline{
--badge--background-color:transparent;
--badge--border-color:currentColor;
border-width:var(--a--border--width--1)
}
.f-badge--outline.f-badge--xl{
border-width:var(--a--border--width--l)
}
.f-badge--pin{
--badge--spacing--h:var(--a--spacing--xs);
--badge--marker-size:var(--a--border--width--l);
display:flex;
align-items:center
}
.f-badge--pin:before{
content:'';
width:calc(var(--badge--marker-size) * 3);
height:var(--badge--marker-size);
margin-inline-start:calc(var(--badge--marker-size) * -1);
background-color:currentColor;
background-image:linear-gradient(to bottom,rgba(var(--a--color-rgb),40%),rgba(var(--a--color-rgb),0%));
border-radius:var(--badge--marker-size)
}
.f-badge--list{
--badge--marker-size:var(--a--border--width);
--badge--spacing--h:var(--a--spacing--xs);
display:flex;
align-items:center;
justify-content:center;
font-size:inherit;
text-align:start;
line-height:var(--a--line-height--s)
}
.f-badge--list:before{
content:'\2014';
line-height:2.25ch;
color:currentColor
}
.f-badge--transparent{
--badge--background-color:transparent;
--badge--border-color:transparent
}
.f-badge--to-transparent{
--badge--border-color:transparent;
background-image:linear-gradient(to bottom,var(--badge--background-color,rgba(var(--badge--color--rgb,var(--a--color-rgb)),10%)),transparent);
background-color:transparent;
background-clip:padding-box
}
.f-badge--success{
--badge--color--rgb:var(--a--color--success-rgb)
}
.f-badge--warning{
--badge--color--rgb:var(--a--color--warning-rgb)
}
.f-badge--error{
--badge--color--rgb:var(--a--color--error-rgb)
}
.f-badge--accent{
--badge--color--rgb:var(--a--color--accent-rgb)
}
.f-badge--significant{
--badge--color--rgb:var(--a--color--significant-rgb)
}
.f-badge--web-design{
--badge--color--rgb:var(--f--color--web-design--rgb)
}
.f-badge--web-development{
--badge--color--rgb:var(--f--color--web-development--rgb)
}
.f-badge--web-design-and-development{
--badge--color--rgb:var(--f--color--web-design-and-development--rgb)
}
.f-badge--available{
--badge--color--rgb:var(--a--color--significant-rgb);
--badge--border-color:rgba(var(--a--color--significant-rgb), 20%)
}
.f-badge--limited{
--badge--color--rgb:var(--a--color--warning-rgb);
--badge--border-color:rgba(var(--a--color--warning-rgb), 20%)
}
.f-badge--unavailable{
--badge--color--rgb:var(--a--color--error-rgb);
--badge--border-color:rgba(var(--a--color--error-rgb), 20%)
}
.f-badge--secret{
--badge--spacing--v:var(--a--spacing--xxs);
--badge--spacing--h:var(--a--spacing--s);
--badge--background-color:transparent;
--badge--border-color:transparent;
background-color:transparent;
box-shadow:none
}
.f-badge--secure{
--badge--spacing--v:var(--a--spacing--xxxs);
--badge--spacing--h:var(--a--spacing--xxxs)
}
.f-badge.f-status{
padding-left:calc(var(--pin--size) + var(--badge--spacing--h,var(--a--spacing--xs)))
}
.f-badge.f-status:after,.f-badge.f-status:before{
left:calc(var(--badge--spacing--h,var(--a--spacing--xs))/ 2)
}
.f-badge svg.icon [fill]{
fill:currentColor
}
p>.f-badge{
--badge--spacing--h:var(--a--spacing--xxs);
font-size:inherit
}
a.f-badge{
text-decoration:none
}
.f-carousel{
--carousel--items:1;
--carousel--gap:0rem;
position:relative
}
@media (min-width:768px){
.f-badge.f-status{
padding-left:calc(var(--pin--size) * 2 + var(--badge--spacing--h,var(--a--spacing--xs)))
}
.f-carousel{
--carousel--items:2
}

}
@media (min-width:1024px){
.f-carousel{
--carousel--items:2
}

}
@media (min-width:1280px){
.f-carousel{
--carousel--items:3
}

}
.f-carousel__viewport{
overflow:hidden
}
.f-carousel__viewport[tabindex]{
outline:var(--a--outline--width) solid transparent;
outline-offset:var(--a--outline--offset--l);
border-radius:var(--a--border--radius);
transition:outline var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-carousel__viewport[tabindex]:focus-visible{
outline-color:var(--a--color--accent)
}
.f-carousel__container{
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-direction:row;
padding:0;
margin-right:calc(var(--carousel--gap) * -1);
transform:translate3d(0,0,0);
touch-action:pan-y pinch-zoom;
will-change:transform;
list-style:none
}
.f-carousel__item{
flex:0 0 calc(100% / var(--carousel--items));
min-width:0;
transform:translate3d(0,0,0);
padding:0 var(--carousel--gap) 0 0;
margin:0
}
.f-carousel__controls{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
padding:0 var(--a--border--width--1) var(--a--spacing--xxs);
gap:var(--a--spacing--xxs);
z-index:var(--a--layer--6)
}
@media (min-width:1024px){
.f-carousel__controls{
gap:var(--a--spacing--xs)
}
li:hover .f-carousel__page{
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}

}
.f-carousel__viewport+.f-carousel__controls{
padding:var(--a--spacing--xxs) 0 0
}
.f-carousel__control{
--button--spacing--v:var(--a--spacing--xxs);
--button--spacing--h:var(--a--spacing--xs);
pointer-events:auto;
touch-action:auto;
outline-offset:0
}
.f-carousel__control:is(:hover,:focus){
--button--color:var(--a--color--accent)
}
.f-carousel__control:not(:focus-visible){
outline-color:transparent
}
.f-carousel__control:disabled{
color:rgba(var(--a--color-rgb),20%);
background-image:none
}
.f-carousel__pagination{
--carousel--page--width:2.5rem;
--carousel--page--height:2.5rem;
--carousel--page--line--width:var(--a--border--width);
--carousel--page--line--height:var(--a--border--width);
display:flex;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
gap:var(--a--border--width);
max-width:100%;
padding:var(--a--spacing--xxs);
margin:calc(var(--a--spacing--xxs) * -1) 0;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none
}
.f-carousel__pagination::-webkit-scrollbar{
display:none
}
.f-carousel__page{
--button--color:var(--a--color);
--button--background-color:transparent;
--button--box-shadow:none;
display:flex;
flex:0 0 auto;
align-items:center;
justify-content:center;
width:var(--carousel--page--width);
height:var(--carousel--page--height);
padding:0;
margin:0;
text-decoration:none;
touch-action:manipulation;
border:0;
border-radius:var(--a--border--radius);
outline-offset:0;
--decoration--color:rgba(var(--a--color--accent-rgb), 5%);
--decoration--opacity:0;
--decoration--scale--x:0.5;
--decoration--scale--y:0.5;
position:relative
}
.f-carousel__page:before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
width:100%;
height:100%;
z-index:-1;
pointer-events:none;
opacity:var(--decoration--opacity);
background-color:var(--decoration--color);
border-radius:inherit;
transition-property:transform,opacity;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--f--transition--timing-function--cb--puff)
}
.f-carousel__page:is(:hover,:focus,:focus-within){
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-carousel__page:is(:disabled){
--decoration--opacity:0
}
.f-carousel__page:after{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0);
width:var(--carousel--page--line--width);
height:var(--carousel--page--line--height);
pointer-events:none;
opacity:var(--carousel--page--line--opacity, 1);
background-color:currentColor;
border-radius:var(--a--border--radius);
transition-property:width,height,opacity;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-carousel__page:is(:hover,:focus){
--carousel--page--line--width:30%;
--carousel--page--line--opacity:1
}
.f-carousel__page.current{
--carousel--page--line--width:60%;
--button--color:var(--a--color--accent)
}
.f-carousel__page.next{
--carousel--page--line--opacity:0.75
}
.f-carousel__page.next-next{
--carousel--page--line--opacity:0.5
}
.f-carousel__page.hidden{
--carousel--page--line--opacity:0.25
}
.f-carousel--marquee{
overflow:hidden
}
.f-carousel--marquee .f-carousel__container{
align-items:center
}
.f-carousel--marquee .f-carousel__item{
flex-basis:auto
}
.f-marquee{
--marquee--animation-state:play;
--marquee--gap:0rem;
display:flex;
flex-wrap:nowrap;
align-items:center;
contain:content;
overflow:hidden
}
.f-marquee__list{
opacity:var(--marquee--opacity, 0);
display:flex;
flex-shrink:0;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
gap:0;
min-width:100%;
padding:0 calc(var(--marquee--gap)/ 2);
margin:0;
list-style:none;
transform:translate3d(-100%,0,0);
will-change:opacity,transform;
animation:var(--marquee--animation,marqueeMoveForward) var(--marquee--animation--duration,3s) linear var(--marquee--animation--delay,0s) infinite;
animation-play-state:var(--marquee--animation-state,paused);
transition:opacity var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s;
transition-delay:var(--marquee--delay, 0s)
}
.f-marquee__list li{
flex:1 0 auto;
text-align:center
}
.f-marquee__list .f-badge{
width:100%;
padding-right:0;
font-family:inherit;
font-size:inherit;
font-weight:inherit;
white-space:nowrap;
color:currentColor;
background-color:transparent
}
@keyframes marqueeMoveForward{
from{
transform:translate3d(0,0,0)
}
to{
transform:translate3d(-100%,0,0)
}

}
@keyframes marqueeMoveBackward{
from{
transform:translate3d(-100%,0,0)
}
to{
transform:translate3d(0,0,0)
}

}
.f-services{
--marquee--gap:0;
--badge--color:currentColor;
max-width:100%;
align-items:center;
overflow:visible;
user-select:none;
transition-property:background-size,box-shadow;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-services li{
display:flex;
align-items:center
}
.f-services--bevel{
background-image:radial-gradient(150% 100% at 50% 0,rgba(var(--gradient-color--rgb),20%) 0,rgba(var(--gradient-color--rgb),0) 75%);
background-size:100% 100%;
border:solid;
border-width:var(--a--border--width--1) 0;
border-color:rgba(var(--a--color-rgb),20%) transparent transparent;
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-services--bevel:is(:hover,:focus-within){
background-size:100% 200%;
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%)
}
@media (min-width:1024px){
.f-carousel__page{
--carousel--page--line--width:var(--a--border--width--l);
--carousel--page--line--height:var(--a--border--width--l);
--button--spacing--v:var(--a--spacing--xs);
--button--spacing--h:var(--a--spacing--xs)
}
.f-services--bevel{
--box-shadow--size:var(--a--spacing--s)
}
.f-services--bevel:is(:hover,:focus-within){
--box-shadow--size:var(--a--spacing--s)
}

}
.f-services--default{
--depth--border-radius:0;
border-radius:0
}
.f-services--web-design{
--gradient-color--rgb:var(--f--color--web-design--rgb);
color:var(--f--color--web-design)
}
.f-services--web-development{
--gradient-color--rgb:var(--f--color--web-development--rgb);
color:var(--f--color--web-development)
}
.f-services--tech-stack{
color:var(--a--color--accent)
}
.f-services__container{
padding:var(--a--spacing--s) 0;
margin:0;
gap:var(--a--spacing--s);
will-change:transform;
backface-visibility:hidden;
list-style:none
}
.f-services__header{
padding:0 var(--a--spacing--m) 0 var(--a--spacing--xl);
margin:0
}
.f-services__item{
width:auto;
flex-basis:auto
}
.f-services__item ul{
display:flex;
flex-wrap:nowrap;
gap:0;
padding:0;
margin:0
}
.f-services__item ul:before{
margin-right:var(--badge--spacing--h,var(--a--spacing--xs))
}
.f-services__item li{
padding-inline:0;
gap:0;
white-space:nowrap
}
.f-services__item li:not(:last-child):after{
content:'\00a0/\00a0'
}
.f-site{
position:relative;
z-index:var(--a--layer--2);
overflow-x:clip;
background-color:var(--a--color--background);
border-bottom-right-radius:var(--f--layout--radius);
border-bottom-left-radius:var(--f--layout--radius);
--box-shadow--size:var(--a--spacing--xxxl);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-main{
--main--spacing:var(--a--spacing--xxl);
position:relative;
padding-bottom:var(--main--spacing);
z-index:var(--a--layer--1)
}
.f-main+.f-section{
margin-top:calc(var(--section--spacing) * 2 * -1)
}
.f-main--homepage,.f-main--single{
--main--spacing:var(--a--spacing)
}
.f-btt{
--btt--spacing:var(--a--spacing--xxxs);
position:absolute;
top:150vh;
right:0;
bottom:0;
display:flex;
align-items:flex-end;
justify-content:flex-end;
z-index:var(--a--layer--6);
padding:var(--btt--spacing);
pointer-events:none;
touch-action:none
}
.f-btt .f-btt__button{
position:sticky;
bottom:var(--btt--spacing);
pointer-events:auto;
touch-action:auto
}
.f-btt__button{
background-color:transparent;
backdrop-filter:blur(var(--f--filter--blur));
border-radius:calc(var(--f--layout--radius) - var(--btt--spacing))
}
.f-section>.f-btt__button{
opacity:0;
position:absolute;
bottom:0;
left:50%;
transform:translate3d(-50%,50%,0);
z-index:var(--a--layer--3);
content-visibility:auto;
pointer-events:none;
color:var(--a--color);
border-radius:var(--a--spacing)
}
.f-section>.f-btt__button:is(:hover,:focus){
color:var(--a--color--accent)
}
.f-section>.f-btt__button:focus{
opacity:1;
pointer-events:auto
}
.f-section:has(:target)>.f-btt__button,.f-section:target>.f-btt__button{
opacity:1;
pointer-events:auto
}
.f-depth{
border-radius:var(--depth--border-radius,var(--a--border--radius--xl))
}
.f-depth--up{
background-image:linear-gradient(177deg,rgba(var(--depth--up--gradient--color--rgb,var(--a--color-rgb)),var(--depth--up--gradient--color--opacity,10%)),rgba(var(--depth--up--gradient--color--rgb,var(--a--color-rgb)),0%));
--box-shadow--size:calc(var(--a--spacing--m) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-depth--down{
--border--angle:180deg;
--border--color--start:rgba(var(--a--color--background--down-rgb), 50%);
--border--color--end:rgba(var(--a--color--background--down-rgb), 0%);
background-image:radial-gradient(var(--depth--gradient--position,140% 120% at 50% 100%),transparent 25%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),0) 35%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),calc(var(--depth--down--gradient--color--opacity,100%)/ 4)) 50%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),var(--depth--down--gradient--color--opacity,100%)) 90%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),var(--depth--down--gradient--color--opacity,100%)) 95%)
}
.f-depth--down-top{
--depth--gradient--position:140% 120% at 50% 0%;
--border--angle:0deg
}
.f-section__container.f-depth--down{
--depth--border-radius:var(--f--layout--radius)
}
.f-alert{
--alert--spacing--v:var(--a--spacing--xs);
--alert--spacing--h:var(--a--spacing--s);
--alert--background-color:var(--a--color--layer-up);
--alert--border-color:transparent;
border-left:solid currentColor;
border-width:0 0 0 var(--a--border--width--xl);
border-top-left-radius:0;
border-bottom-left-radius:0;
box-shadow:none
}
.f-alert:where(:not(.f-alert--secret)){
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-alert--incomplete{
--alert--color:var(--a--color--warning);
--alert--background-color:rgba(var(--a--color--warning-rgb), 0.05);
--alert--border-color:transparent
}
.f-alert--center{
text-align:center
}
.f-alert--simple{
--alert--spacing--v:0;
--alert--spacing--h:0;
background-color:transparent;
border:none;
box-shadow:none
}
.f-alert--secret{
background-color:transparent
}
.f-avatar--s{
--avatar--size:var(--a--spacing--s)
}
.f-gallery{
--carousel--items:1;
--carousel--gap:var(--a--spacing--m);
user-select:none
}
@media (min-width:1024px){
.f-btt{
--btt--spacing:var(--a--spacing--xs)
}
.f-depth--up{
--box-shadow--size:var(--a--spacing--m)
}
.f-alert:where(:not(.f-alert--secret)){
--box-shadow--size:var(--a--spacing--s)
}
.f-gallery{
--carousel--items:2;
--carousel--gap:var(--a--spacing--xl)
}

}
.f-gallery .f-carousel__viewport{
width:100%;
overflow:visible;
outline-offset:calc(var(--device--border) + var(--a--outline--offset--l))
}
.f-gallery .f-carousel__container{
align-items:flex-end;
justify-content:flex-start;
padding-inline:calc(var(--a--container--spacing) - var(--device--border))
}
.f-gallery .f-carousel__item{
flex:0 0 auto;
max-width:100%
}
.f-gallery .f-gallery__image{
padding:var(--device--border);
background-color:var(--device--color);
border-radius:calc(var(--device--border) + var(--device--border-radius));
--box-shadow--size:calc(var(--a--spacing--m) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 35%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-gallery .f-gallery__image img{
border-radius:var(--device--border-radius)
}
.f-gallery .f-gallery__image figcaption{
bottom:calc(var(--device--border)/ 2);
right:calc(var(--device--border)/ 2);
background-color:var(--device--color);
backdrop-filter:none;
border-bottom-right-radius:inherit
}
.f-gallery__image{
position:relative;
text-align:center
}
.f-gallery__image img{
margin:0 auto
}
.f-gallery__image figcaption{
position:absolute;
bottom:var(--a--spacing--xxs);
right:var(--a--spacing--xxs);
margin:0;
z-index:var(--a--layer--1);
font-size:var(--a--font-size--xxs);
pointer-events:none;
user-select:none;
backface-visibility:hidden;
background-color:rgba(var(--a--color--dark-rgb),75%);
border-radius:var(--a--border--radius);
backdrop-filter:blur(var(--f--filter--blur--s))
}
.f-bricks{
--brick--spacing:var(--a--spacing--xs)
}
.f-brick{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-height:4.75rem;
padding-inline:var(--brick--spacing,0);
border-radius:var(--a--button--border-radius)
}
.f-brick--marquee{
--marquee--opacity:0;
--marquee--gap:0px;
--marquee--delay:0s;
--marquee--animation--delay:calc(var(--a--transition--duration) * 2);
position:relative;
pointer-events:auto
}
.f-brick--marquee .f-brick__container{
position:relative;
display:block;
width:100%;
margin-inline:calc(var(--brick--spacing) * -1);
overflow:hidden
}
.f-brick--marquee .f-brick__content{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
opacity:var(--brick--content--opacity, 1);
transform:translate3d(0,0,0);
transition:transform calc(var(--a--transition--duration) * 2) var(--a--transition--timing-function, ease-in-out) 0s;
transition-delay:var(--brick--delay, 0s)
}
.f-brick--marquee .f-marquee{
position:absolute;
inset:0;
content-visibility:auto;
transition:transform calc(var(--a--transition--duration) * 3) var(--a--transition--timing-function, ease-in-out) 0s;
transition-delay:var(--brick--delay, 0s)
}
.f-brick--marquee:is(:hover,:focus){
--brick--delay:0.15s;
--marquee--opacity:1;
--marquee--delay:calc(var(--brick--delay, 0s) * 3)
}
.f-brick--marquee:is(:hover,:focus) .f-brick__content{
transform:translate3d(-100%,0,0)
}
.f-brick--web-design{
--aurora--color--1:var(--f--color--web-design);
--aurora--color--2:var(--f--color--web-design);
--depth--up--gradient--color--rgb:var(--f--color--web-design--rgb);
--depth--up--gradient--color--opacity:30%;
color:var(--f--color--web-design)
}
.f-brick--web-development{
--aurora--color--1:var(--f--color--web-development);
--aurora--color--2:var(--f--color--web-development);
--depth--up--gradient--color--rgb:var(--f--color--web-development--rgb);
--depth--up--gradient--color--opacity:30%;
color:var(--f--color--web-development)
}
a.f-brick{
text-decoration:none
}
.f-window{
--glasses--columns:10;
--glasses--gap:0px;
--glasses--mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%) border-box;
display:grid;
grid-template-columns:repeat(calc(var(--glasses--columns) + 4),1fr);
grid-template-rows:1fr;
gap:0;
z-index:-1;
position:absolute;
top:-50%;
left:calc(((100% / var(--glasses--columns) * 2) + (var(--glasses--gap)/ 4)) * -1);
right:calc(((100% / var(--glasses--columns) * 2) + (var(--glasses--gap)/ 4)) * -1);
height:150%
}
.f-glass{
--glass--mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) var(--glass--mask--top, 0%), #000000 var(--glass--mask--center, 50%), rgba(0, 0, 0, 0) var(--glass--mask--bottom, 100%)) border-box;
--glass--color:rgba(var(--a--color-rgb), 10%);
--glass--color--background:rgba(var(--a--color--background--down-rgb), 40%);
--glass--color--border:rgba(var(--a--color-rgb), 25%);
background-image:linear-gradient(to right,var(--glass--color--background) 0,var(--glass--color--background) var(--a--border--width--l),var(--glass--color) calc(100% - var(--a--border--width--l)),var(--glass--color--border) 100%);
-webkit-mask:var(--glass--mask);
-webkit-mask-composite:xor;
mask:var(--glass--mask);
mask-composite:subtract
}
.f-glass--web-design{
--glass--color:rgba(var(--f--color--web-design--rgb), 40%);
--glass--color--border:rgba(var(--f--color--web-design--rgb), 60%)
}
.f-glass--web-design-soft{
--glass--color:rgba(var(--f--color--web-design--rgb), 20%);
--glass--color--border:rgba(var(--f--color--web-design--rgb), 40%)
}
.f-glass--web-development{
--glass--color:rgba(var(--f--color--web-development--rgb), 40%);
--glass--color--border:rgba(var(--f--color--web-development--rgb), 60%)
}
.f-glass--web-development-soft{
--glass--color:rgba(var(--f--color--web-development--rgb), 20%);
--glass--color--border:rgba(var(--f--color--web-development--rgb), 40%)
}
fieldset[role]{
padding-bottom:var(--a--spacing--xs)
}
select option{
background-color:var(--a--color--background)
}
select option.f-select__placeholder{
background-color:#ff0
}
.f-form__header--plan h2{
line-height:var(--a--line-height--xxs)
}
.f-form__header--plan small{
font-size:var(--a--heading--font-size--h4--fluid);
font-weight:var(--a--heading--font-weight)
}
.f-form__content{
display:block;
margin-bottom:var(--a--spacing)
}
.f-form__loading{
background-color:rgba(var(--a--color--background-rgb),50%)
}
.f-form__response:not(:empty){
margin-bottom:var(--a--spacing--m)
}
.f-field__error{
display:block;
padding:0;
font-size:var(--a--font-size--xs);
font-weight:var(--a--font-weight);
color:var(--a--color--error)
}
.f-field__error:not(.active){
display:none
}
.f-field__valid{
color:var(--a--color--success)
}
.f-form__switch{
padding:var(--a--spacing--m) var(--a--spacing--xs);
margin-top:var(--a--spacing--xxl)
}
.f-form__switch header{
--section--spacing:0;
--section--header--font-size:var(--a--heading--font-size--h3--fluid)
}
.f-form__switch .f-icon{
margin-bottom:var(--a--spacing--xxs)
}
label small{
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size--s)
}
label abbr.info{
margin-inline-start:var(--a--spacing--xxxs);
vertical-align:super
}
.f-label--radios{
display:block;
margin-bottom:var(--a--spacing--xs)
}
.f-label--button{
--button--color:var(--a--button--color);
--button--background-color:var(--a--button--background-color)
}
.f-label--button:focus,.f-label--button:hover{
--button--color:var(--a--button--color--active);
--button--background-color:var(--a--button--background-color--active)
}
[type=file]:focus+.f-label--button{
--button--color:var(--a--button--color--active)!important;
--button--background-color:var(--a--button--background-color--active);
--button--box-shadow:var(--a--button--shadow--active)
}
[type=file]:focus-visible+.f-label--button{
--button--outline-color:var(--a--button--background-color--active)
}
.f-field small{
text-wrap:balance
}
.f-field--robot{
position:absolute;
opacity:0
}
.f-field__container{
position:relative
}
.f-field--checkbox{
margin-top:var(--a--spacing--xs)
}
.f-field--checkbox label{
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size);
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing);
text-transform:none
}
.f-field--checkbox label:focus-within a{
--link--color:currentColor
}
.f-form__submit .f-field--checkbox{
margin:0
}
.f-form--signin{
--section--spacing:var(--a--spacing--l)
}
.f-form--signin .f-form__container{
width:min(100% - var(--a--spacing--xs),30rem);
margin:0 auto
}
.f-form--signin .f-alert{
--alert--spacing:var(--a--spacing)
}
.f-form--signup{
--section--spacing:var(--a--spacing--l)
}
.f-form--signup .f-form__container{
width:min(100% - var(--a--spacing--xs),30rem);
margin:0 auto
}
.f-form--signup .f-alert{
--alert--spacing:var(--a--spacing)
}
.f-form--signup .f-content{
--p--spacing:var(--a--spacing--xxs)
}
.f-logo{
--logo--spacing--v:var(--a--spacing--xxs);
--logo--spacing--h:calc(var(--a--container--spacing) / 2);
display:flex;
align-items:center;
min-width:160px;
font-family:var(--a--heading--font-family);
font-weight:var(--a--heading--font-weight);
font-size:var(--a--heading--font-size--h3--fluid);
letter-spacing:var(--a--heading--letter-spacing);
text-transform:var(--a--heading--text-transform);
color:var(--f--header--color--accent)
}
.f-logo a{
padding:var(--f--logo--spacing--v) var(--f--logo--spacing--h);
margin:calc(var(--f--logo--spacing--v) * -1) 0;
color:currentColor;
border-radius:var(--a--border--radius);
outline-offset:0;
--decoration--color:rgba(var(--a--color--accent-rgb), 5%);
--decoration--opacity:0;
--decoration--scale--x:0.5;
--decoration--scale--y:0.5;
position:relative
}
.f-logo a:before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
width:100%;
height:100%;
z-index:-1;
pointer-events:none;
opacity:var(--decoration--opacity);
background-color:var(--decoration--color);
border-radius:inherit;
transition-property:transform,opacity;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--f--transition--timing-function--cb--puff)
}
.f-logo a:is(:hover,:focus,:focus-within){
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-logo a:is(:disabled){
--decoration--opacity:0
}
.f-logo :is(svg,img){
display:block
}
@media (max-width:767px){
.f-form--signin .f-form__submit button,.f-form--signup .f-form__submit button{
width:100%
}
.f-logo :is(svg,img){
max-width:46vw;
min-width:156px;
height:auto
}

}
.f-header{
--header--mask:linear-gradient(to bottom, #000000 25%, rgba(0, 0, 0, 0.05) 84%, rgba(0, 0, 0, 0.01) 92%, rgba(0, 0, 0, 0) 100%) border-box;
position:absolute;
top:0;
left:0;
width:100%;
min-width:320px;
z-index:var(--a--layer--4);
color:var(--f--header--color)
}
.f-header--sticky{
position:fixed;
transition:transform var(--a--transition--timing-function) var(--a--transition--duration--double) 0s
}
@media (prefers-reduced-transparency:reduce){
.f-header--sticky{
position:absolute
}

}
.f-header--sticky:after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:200%;
z-index:-2;
pointer-events:none;
touch-action:none;
backdrop-filter:blur(var(--f--filter--blur--xl));
-webkit-mask:var(--header--mask);
-webkit-mask-composite:xor;
mask:var(--header--mask);
mask-composite:subtract
}
.admin-bar .f-header--sticky{
top:32px
}
@media (max-width:782px){
.admin-bar .f-header--sticky,.admin-bar .f-skiplink:focus{
top:46px
}

}
.f-header__container{
min-width:320px;
padding:var(--f--header--spacing--v) var(--f--header--spacing--h);
transition:padding var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-header__partnership{
display:flex;
align-items:center
}
.f-header .f-navigation a{
--link--color:var(--f--header--color)
}
.f-header .f-navigation a:is(:hover,:focus){
--link--color:var(--f--header--color--accent)
}
.f-header .f-navigation li[class*=current]>a{
--link--color:var(--f--header--color--accent)
}
@media (min-width:1600px){
:root{
--f--header--spacing--h:var(--a--container--spacing)
}
.f-header .f-navigation{
margin-right:var(--a--spacing)
}

}
.f-user{
--nav--spacing--v:var(--a--border--width--l);
--nav--spacing--h:var(--a--spacing--xs);
--nav--sub--spacing:var(--a--spacing--xxs);
--nav--sub--border-radius:var(--a--border--radius);
width:100%
}
.f-user>ul{
gap:var(--a--border--width)
}
.f-user>ul>li{
padding-right:0;
padding-left:0
}
.f-user>ul>li>a{
border-radius:var(--a--border--radius);
border-bottom-right-radius:calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2))
}
.f-user a{
outline-offset:0
}
.f-user li ul{
--nav--spacing--v:var(--a--spacing--xxs);
position:absolute;
left:auto;
right:0;
min-width:16rem;
gap:calc(var(--nav--sub--spacing)/ 2);
padding:0;
background-color:transparent;
border-radius:var(--a--border--radius) calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2)) calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2));
box-shadow:none
}
@media (min-width:1024px){
.f-gallery .f-gallery__image{
--box-shadow--size:var(--a--spacing--m)
}
li:hover .f-logo a{
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-header__user{
display:flex;
justify-content:flex-end
}
.f-header__notifications{
display:none
}
.f-header .f-navigation{
justify-content:end
}
.f-user li ul{
padding:var(--nav--sub--spacing);
background-image:linear-gradient(170deg,rgba(var(--a--color--accent-rgb),5%),40%,rgba(var(--a--color--accent-rgb),7.5%));
backdrop-filter:blur(var(--f--filter--blur--l));
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
li:hover .f-user li ul a{
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}

}
@media (min-width:1024px) and (min-width:1024px){
.f-user li ul{
--box-shadow--size:var(--a--spacing--l)
}

}
.f-user li ul li{
font-size:var(--a--font-size--xs);
font-weight:var(--f--navigation--font-weight)
}
@media (max-width:1023px){
.f-user li ul{
opacity:1;
pointer-events:auto;
position:relative;
width:100%;
margin:var(--nav--sub--spacing) 0 0;
border-radius:calc(var(--nav--sub--border-radius) + var(--nav--sub--spacing))
}
.f-user li ul li{
font-size:var(--a--font-size);
margin:0
}

}
.f-user li ul a{
display:flex;
width:100%;
align-items:center;
justify-content:space-between;
margin:0;
gap:var(--nav--spacing--h);
font-size:inherit;
font-weight:inherit;
line-height:var(--f--navigation--line-height);
color:var(--a--color);
background-color:transparent;
background-image:none;
border:none;
border-radius:var(--nav--sub--border-radius);
box-shadow:none;
--decoration--color:rgba(var(--a--color-rgb), 5%);
--decoration--opacity:0;
--decoration--scale--x:0.5;
--decoration--scale--y:0.5;
position:relative;
--decoration--scale--x:1;
--decoration--scale--y:0.25
}
.f-user li ul a:before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
width:100%;
height:100%;
z-index:-1;
pointer-events:none;
opacity:var(--decoration--opacity);
background-color:var(--decoration--color);
border-radius:inherit;
transition-property:transform,opacity;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--f--transition--timing-function--cb--puff)
}
.f-user li ul a:is(:hover,:focus,:focus-within){
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-user li ul a:is(:disabled){
--decoration--opacity:0
}
.f-user li ul a:focus,.f-user li ul a:hover{
color:var(--a--color--accent);
box-shadow:none
}
.f-user li ul a:focus-visible{
outline-color:currentColor
}
@media (max-width:1023px){
.f-user li ul a{
color:var(--off--color)
}
.f-user li ul a:focus,.f-user li ul a:hover{
color:var(--off--color--accent)
}
.f-user li:focus-within>a,.f-user li:hover>a{
--link--color:currentColor
}

}
.f-user li>a:focus,.f-user li>a:hover{
--link--color:var(--off--color--accent)
}
.f-user .f-status--pin{
position:relative;
top:-1px
}
.f-user__button{
--button--spacing--v:var(--a--spacing--xxs);
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--button--spacing--h);
margin:0;
font-family:var(--f--navigation--font-family);
font-weight:var(--f--navigation--font-weight);
font-size:var(--f--navigation--font-size);
letter-spacing:var(--f--navigation--letter-spacing);
text-transform:var(--f--navigation--text-transform);
color:var(--a--color);
background-color:transparent;
border:none;
border-radius:var(--a--border--radius);
outline-offset:0;
--decoration--color:rgba(var(--a--color--accent-rgb), 5%);
--decoration--opacity:0;
--decoration--scale--x:0.5;
--decoration--scale--y:0.5;
position:relative
}
.f-user__button:before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
width:100%;
height:100%;
z-index:-1;
pointer-events:none;
opacity:var(--decoration--opacity);
background-color:var(--decoration--color);
border-radius:inherit;
transition-property:transform,opacity;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--f--transition--timing-function--cb--puff)
}
.f-user__button:is(:hover,:focus,:focus-within){
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-user__button:is(:disabled){
--decoration--opacity:0
}
@media (min-width:1024px){
li:hover .f-user__button{
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-user__button{
--button--spacing--h:var(--a--spacing--xs)
}
li:hover .f-navigation a{
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}

}
@media (min-width:1024px) and (max-width:1279px){
.f-user__button .f-user__label{
display:none
}

}
.f-user__button .f-user__avatar{
--avatar--size:40px;
margin:-10px calc(var(--a--spacing--xxs) * -1) -10px 0
}
.f-user__button .f-user__status{
top:0
}
@media (max-width:1279px){
.f-user__button .f-user__status{
display:none
}

}
.f-user__button.current{
color:var(--f--header--color--accent)
}
.f-user__button:focus,.f-user__button:hover{
color:var(--a--color--accent)
}
.f-user__button:focus{
box-shadow:none
}
.f-user__name{
display:flex;
gap:var(--a--spacing--xxs)
}
@media (max-width:1023px){
.f-off :where(.f-user__button){
--decoration--scale--x:1;
--decoration--scale--y:0.25;
--button--spacing--v:var(--a--spacing--xs);
--button--spacing--h:var(--a--spacing--xs);
width:100%
}
.f-user__name{
font-family:var(--f--navigation--font-family);
font-size:var(--a--heading--font-size--h6--fluid);
font-weight:var(--f--navigation--font-weight)
}

}
.f-user__partnership{
display:flex;
align-items:center;
flex-direction:row;
gap:var(--a--spacing--xxs)
}
.f-user__notifications{
--indicator-size:1.5rem;
position:relative
}
.f-user__notifications .f-indicator{
position:absolute;
display:inline-flex;
align-items:center;
justify-content:center;
top:0;
left:calc(24px + var(--button--spacing--h));
min-width:var(--indicator-size);
padding:var(--a--border--width--l) var(--a--spacing--xxxs);
font-size:var(--a--font-size--xxxs);
font-weight:var(--a--font-weight--bold-semi);
line-height:normal;
pointer-events:none;
touch-action:none;
color:var(--a--color--contrast);
background-color:var(--a--color--accent);
border-radius:var(--a--spacing--s) var(--a--spacing--s) var(--a--spacing--s) 0
}
.f-partnership{
--badge--border-color:transparent;
vertical-align:bottom
}
@media (max-width:767px){
.f-partnership{
height:calc((var(--a--line-height--xs) * var(--a--font-size--base)) + (var(--badge--spacing--v,var(--a--spacing--xxxs)) * 2));
padding-right:0
}
.f-partnership span{
display:none;
content-visibility:hidden
}
.f-heading__buttons .f-button{
width:100%
}

}
.f-navigation{
--nav--spacing--v:var(--a--spacing--xxs);
--nav--spacing--h:var(--a--spacing--xs);
position:relative;
display:flex;
justify-content:center;
z-index:var(--a--layer--1);
font-family:var(--f--navigation--font-family);
font-size:var(--f--navigation--font-size);
font-weight:var(--f--navigation--font-weight);
letter-spacing:var(--f--navigation--letter-spacing);
text-transform:var(--f--navigation--text-transform);
user-select:none
}
.f-navigation a{
line-height:var(--f--navigation--line-height);
border-radius:var(--a--border--radius);
outline-offset:0;
--decoration--color:rgba(var(--a--color--accent-rgb), 5%);
--decoration--opacity:0;
--decoration--scale--x:0.5;
--decoration--scale--y:0.5;
position:relative
}
.f-navigation a:before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
width:100%;
height:100%;
z-index:-1;
pointer-events:none;
opacity:var(--decoration--opacity);
background-color:var(--decoration--color);
border-radius:inherit;
transition-property:transform,opacity;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--f--transition--timing-function--cb--puff)
}
.f-navigation a:is(:hover,:focus,:focus-within){
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-navigation a:is(:disabled){
--decoration--opacity:0
}
.f-navigation a:is(:hover,:focus){
--link--color:var(--a--color--accent)
}
.f-navigation li{
position:relative
}
.f-navigation li[class*=current]>a{
--link--color:var(--f--header--color--accent);
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-navigation li.active a{
--decoration--opacity:1;
--decoration--scale--x:1;
--decoration--scale--y:1
}
.f-navigation li.inactive{
opacity:.3;
transition:opacity var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-navigation li.inactive:is(:hover,:focus-within){
opacity:1
}
.f-navigation>ul{
flex-direction:column;
justify-content:center;
align-items:center;
gap:var(--a--border--width--l)
}
@media (min-width:1024px){
.f-navigation>ul{
flex-direction:row;
align-items:flex-start
}

}
.f-navigation>ul>li .f-description{
display:none
}
.f-navigation>ul>li[class*=current] .f-description{
display:block
}
.f-navigation li ul{
--nav--spacing--v:var(--a--spacing--xxs);
--nav--spacing--h:var(--a--spacing--xxs);
opacity:1;
pointer-events:auto;
position:relative;
align-items:center;
justify-content:inherit;
top:unset;
left:unset;
gap:var(--a--border--width--l);
padding:calc(var(--nav--spacing--v) + var(--a--border--width--l)) 0 0;
font-size:var(--a--font-size);
text-align:inherit;
background-color:transparent;
box-shadow:none
}
@media (min-width:1024px){
.f-navigation li ul{
flex-direction:row;
padding:0;
margin:calc(var(--a--spacing--xs) + var(--a--border--width--l)) -200px calc(var(--a--spacing--xs) * -1)
}

}
.f-navigation li ul a{
--nav--spacing--v:var(--a--spacing--xxxs);
justify-content:center
}
.f-navigation .f-description{
min-width:max-content;
padding:var(--a--spacing--xs) 0 var(--a--spacing--xxxs);
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size);
font-weight:var(--a--font-weight);
line-height:var(--a--line-height--xs);
text-align:center
}
@media (min-width:1024px){
.f-navigation .f-description{
position:absolute;
top:100%;
padding-top:var(--a--spacing--xxs)
}

}
.f-navigation .f-count{
position:absolute;
top:calc(var(--nav--spacing--v)/ 2);
right:0;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 calc(var(--nav--spacing--h)/ 4);
gap:var(--a--spacing--xxs);
font-size:var(--a--font-size--xxxs);
font-weight:var(--a--font-weight);
line-height:normal;
text-decoration:none;
pointer-events:none;
touch-action:none
}
.f-navigation__trigger{
--button--color:var(--f--header--color);
--button--background-color:transparent;
--button--box-shadow:none;
outline-offset:0
}
.f-navigation__trigger:is(:hover,:focus){
--button--color:var(--f--header--color--accent)
}
.f-navigation__trigger:focus-visible{
outline-color:currentColor
}
aside .f-navigation{
--nav--spacing--v:var(--a--spacing--xxs);
--nav--spacing--h:var(--a--spacing--xs);
display:block;
padding:0;
margin:0 calc(var(--nav--spacing--h) * -1) var(--a--spacing)
}
aside .f-navigation:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:rgba(var(--a--color-rgb),20%) transparent
}
aside .f-navigation::-webkit-scrollbar{
background-color:transparent
}
aside .f-navigation::-webkit-scrollbar-thumb{
background-color:rgba(var(--a--color-rgb),20%);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
aside .f-navigation::-webkit-scrollbar-track{
background-color:transparent
}
aside .f-navigation::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
@media (min-width:1024px){
.f-navigation .f-count{
font-size:var(--a--font-size--xxs)
}
aside .f-navigation{
position:sticky;
top:0;
padding:var(--a--spacing) 0;
margin:0;
height:100vh;
height:100dvh;
overflow-x:hidden;
overflow-y:auto
}

}
aside .f-navigation--s{
--nav--spacing--v:var(--a--spacing--xxxs)
}
aside .f-navigation ul{
align-self:flex-start;
align-items:flex-start;
border-radius:var(--a--border--radius)
}
aside .f-navigation li{
width:100%
}
aside .f-navigation a{
--decoration--scale--x:1;
--decoration--scale--y:0.25;
display:flex
}
aside .f-navigation li ul{
--nav--spacing--v:var(--a--spacing--xxxs);
--nav--spacing--h:var(--a--spacing--xs);
position:relative;
top:unset;
left:unset;
transform:unset;
align-items:flex-start;
padding:var(--nav--spacing--h) 0 var(--nav--spacing--h) var(--nav--spacing--h);
margin:0;
font-size:var(--a--font-size--s)
}
aside .f-navigation li ul a{
position:relative;
justify-content:flex-start
}
.f-navigation--off:where([data-off-breakpoint='1024']).active{
transform:translate3d(calc(var(--a--spacing--xs) * -1),0,0)
}
.f-heading{
--heading--spacing--top:var(--a--spacing--m);
--heading--spacing:var(--a--spacing--xxl);
position:relative;
padding:calc(var(--f--header--height) + var(--heading--spacing--top)) 0 var(--heading--spacing,var(--a--spacing--m)) 0
}
.f-heading h1{
font-size:var(--a--heading--title--font-size--m--fluid);
text-wrap:balance
}
.f-heading h1 a{
text-decoration-color:transparent
}
.f-heading h1 a:is(:hover,:focus){
text-decoration-color:currentColor
}
.f-heading h1 small{
font-size:var(--a--heading--font-size--h5--fluid);
line-height:var(--a--heading--line-height)
}
.f-heading h2{
text-wrap:balance;
font-size:var(--a--heading--font-size--h3--fluid)
}
.f-heading__container,.f-heading__title{
position:relative
}
@media (max-width:1023px){
aside .f-navigation--hide-s{
display:none;
content-visibility:hidden
}
.f-navigation--off:where([data-off-breakpoint='1024']){
--off--width-max:calc(50vw - (var(--a--spacing--xs) * 2));
display:flex;
flex-direction:column;
justify-content:space-between;
top:var(--a--spacing--xs);
height:auto;
max-height:calc(100vh - (var(--a--spacing--xs) * 2));
gap:var(--a--spacing--m);
border-radius:calc(var(--off--dialog--radius)/ 2)
}
.f-navigation--off:where([data-off-breakpoint='1024']) nav{
--nav--spacing--v:var(--a--spacing--xs);
--nav--spacing--h:var(--a--spacing--s);
padding:var(--a--spacing--xs)
}
.f-navigation--off:where([data-off-breakpoint='1024']) nav li{
width:100%
}
.f-navigation--off:where([data-off-breakpoint='1024']) nav a{
margin:0
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation{
align-items:center;
padding-block:calc(var(--a--spacing) * 3)
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation ul{
width:100%
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li{
padding:0;
margin:0
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation a{
--decoration--scale--x:1;
--decoration--scale--y:0.25;
display:flex;
line-height:normal;
white-space:normal;
color:var(--off--color);
outline-offset:var(--a--outline--offset)
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation a:is(:hover,:focus){
--decoration--scale--y:1;
color:var(--off--color--accent)
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li[class*=current]>a{
color:var(--off--color--accent)
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation>ul{
flex-direction:column;
align-items:stretch
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li ul{
display:block;
position:relative;
top:auto;
pointer-events:auto;
opacity:1;
background-color:transparent;
box-shadow:none
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li ul li>a{
font-size:var(--a--font-size)
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user{
display:flex
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user li{
padding:0
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user .f-user{
--nav--spacing--v:var(--a--spacing--xs);
--nav--spacing--h:var(--a--spacing--s);
padding-inline:var(--a--spacing--xs)
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user .f-user__avatar{
--avatar--size:48px
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user .f-user__notifications{
display:none
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user .f-user__partnership{
flex-direction:column;
align-items:flex-end;
gap:var(--a--spacing--xxxs)
}
.f-navigation--off:where([data-off-breakpoint='1024']) .f-user__button{
--button--spacing--v:var(--nav--spacing--v);
--button--spacing--h:var(--nav--spacing--h);
width:100%
}
.f-heading__title-sub{
text-align:center
}

}
.f-heading__badges{
display:flex;
padding:var(--a--spacing--xxs) 0;
vertical-align:middle;
font-size:var(--a--font-size--s);
font-weight:400
}
.f-heading__buttons{
position:relative
}
.f-heading__button{
--button--background-image:linear-gradient(177deg, rgba(var(--a--color-rgb), 30%) 0%, rgba(var(--a--color-rgb), 0) 75%)
}
.f-heading--center{
text-align:center
}
.f-heading--center .f-heading__content{
max-width:100%
}
.f-heading--center .f-heading__badges{
justify-content:center
}
.f-heading--archive,.f-heading--empty{
--heading--spacing:var(--a--spacing--l)
}
.f-heading--none{
padding:var(--f--header--height) 0 0
}
.f-heading--404{
padding-bottom:var(--a--spacing--s)
}
.f-heading .f-background{
position:absolute;
top:0;
left:0;
width:100%;
height:min(95vh,840px);
margin:0;
z-index:-1;
pointer-events:none;
overflow:clip;
background-color:var(--a--color--background);
border-bottom-right-radius:var(--f--layout--radius);
border-bottom-left-radius:var(--f--layout--radius)
}
.f-heading .f-background:before{
content:'';
position:absolute;
inset:0;
background-image:linear-gradient(to bottom,rgba(var()))
}
.f-heading .f-background img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-position:top center;
object-fit:cover;
filter:opacity(25%) grayscale(75%);
mix-blend-mode:soft-light
}
.f-heading__subtitle{
font-family:var(--a--heading--sub--font-family);
font-size:var(--a--heading--sub--font-size);
font-weight:var(--a--heading--sub--font-weight);
letter-spacing:var(--a--heading--sub--letter-spacing);
text-transform:var(--a--heading--sub--text-transform)
}
.f-heading__note{
font-size:var(--a--font-size--s);
color:rgba(var(--a--color-rgb),75%)
}
.f-heading__buttons .f-heading__note{
position:absolute;
top:100%
}
.f-heading__navigation{
--nav--spacing--v:var(--a--spacing--xxs);
--nav--spacing--h:var(--a--spacing--xs);
font-size:var(--a--heading--font-size--h6--fluid);
font-weight:var(--a--font-weight--medium);
text-align:center
}
.f-heading__navigation ul{
flex-wrap:nowrap;
gap:var(--nav--spacing--v)
}
@media (min-width:1024px){
.f-heading h2{
font-size:var(--a--heading--font-size--h2--fluid)
}
.f-heading__navigation{
--nav--spacing--v:var(--a--spacing--xs);
--nav--spacing--h:var(--a--spacing--s);
font-size:var(--a--heading--font-size--h5--fluid)
}
.f-heading__navigation ul{
gap:var(--a--border--width--l)
}

}
.f-heading__navigation li{
display:inline-flex;
flex-direction:column;
align-items:center
}
.f-heading__navigation li.web-design li.current a{
--link--color:var(--f--color--web-design)
}
.f-heading__navigation li.web-development li.current a{
--link--color:var(--f--color--web-development)
}
.f-heading__navigation li.web-design-and-development li.current a{
background-color:currentColor;
background-image:linear-gradient(to right,var(--f--color--web-design) 20%,var(--f--color--web-development) 80%);
background-clip:text;
-webkit-background-clip:text;
text-fill-color:transparent;
-webkit-text-fill-color:transparent
}
.f-heading__navigation li.web-design-and-development li.current a::selection{
background-image:none;
-webkit-background-clip:revert;
-webkit-text-fill-color:currentColor
}
.f-heading__navigation li ul{
flex-wrap:wrap;
flex-direction:row;
justify-content:center
}
.f-heading__navigation li:not(.has-current) ul{
display:none
}
.f-heading__navigation a{
justify-content:center;
line-height:1.2;
outline-offset:0
}
.f-heading__window{
min-height:max(40vh,360px)
}
.f-heading__window :is(.f-glass--1,.f-glass--2,.f-glass--3,.f-glass--4,.f-glass--5,.f-glass--6,.f-glass--7,.f-glass--10,.f-glass--12){
opacity:0
}
.f-heading__window .f-glass{
--glass--color--background:transparent
}
.f-heading__window .f-glass--8{
--glass--mask--top:0%;
--glass--mask--center:30%;
--glass--mask--bottom:60%;
translate:0 -25%
}
.f-heading__window .f-glass--9{
--glass--mask--top:10%;
--glass--mask--center:50%;
--glass--mask--bottom:90%;
translate:0 -10%
}
.f-heading__window .f-glass--11{
--glass--mask--top:10%;
--glass--mask--center:50%;
--glass--mask--bottom:90%;
translate:0 25%
}
.f-heading--hero{
--heading--columns:10;
--heading--columns--gap:2px;
--heading--spacing--top:var(--a--spacing--m);
--heading--spacing:var(--a--spacing--m);
color:var(--a--color);
background-color:transparent
}
@media (min-width:1280px){
.f-user__button{
min-width:152px
}
.f-heading--hero{
--heading--spacing--top:var(--a--spacing--xxl);
--heading--spacing:var(--a--spacing--l)
}

}
@media (min-height:960px){
.f-heading--hero{
--heading--spacing--top:var(--a--spacing--xxl);
--heading--spacing:var(--a--spacing--xl)
}

}
.f-hero__container{
position:relative;
display:flex;
flex-direction:column;
gap:var(--a--spacing--m)
}
@media (min-width:1280px){
.f-hero__container{
display:grid;
grid-template-columns:repeat(var(--heading--columns),1fr);
grid-template-rows:auto;
align-items:stretch;
gap:var(--heading--columns--gap)
}
.f-hero__container .f-hero__headline{
grid-column:1/6
}
.f-hero__container .f-hero__bricks{
grid-column:7/11
}

}
.f-hero__headline{
position:relative;
display:flex;
flex-direction:column;
flex-basis:60%;
align-items:center;
justify-content:center;
gap:var(--a--spacing--m);
z-index:var(--a--layer--2);
text-align:center
}
@media (min-width:1280px){
.f-hero__headline{
justify-content:flex-start;
align-items:flex-start;
text-align:start
}

}
.f-hero__title{
display:flex;
flex-direction:column;
align-items:inherit;
gap:var(--a--spacing--xs);
margin:0
}
.f-hero__subtitle{
margin:0;
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size--l);
text-wrap:balance;
padding-inline:var(--a--spacing--xxxs)
}
.f-hero__buttons{
margin-top:var(--a--spacing--xxs)
}
.f-hero__button{
backdrop-filter:blur(var(--f--filter--blur--s))
}
.f-hero__window{
height:150%
}
@media (min-width:768px){
.f-hero__subtitle{
font-size:var(--a--font-size--xl)
}
.f-hero__window{
top:-75%;
height:200%
}

}
.f-hero__window:before{
content:'';
position:absolute;
top:25%;
left:0;
width:40vw;
height:40vw;
z-index:-3;
background-color:rgba(var(--a--color--accent-rgb),20%);
border-radius:50%;
filter:blur(calc(var(--f--filter--blur--xl) * 4));
transform:translate3d(0,0,0);
will-change:transform
}
.f-hero__window .f-glass{
position:relative;
z-index:1
}
.f-hero__window .f-glass--1{
--glass--mask--top:30%;
--glass--mask--center:50%;
--glass--mask--bottom:70%;
--glass--color:rgba(var(--a--color-rgb), 5%)
}
.f-hero__window .f-glass--2{
opacity:0
}
.f-hero__window .f-glass--3{
--glass--mask--top:55%;
--glass--mask--center:85%;
--glass--mask--bottom:100%;
--glass--color--background:transparent
}
.f-hero__window .f-glass--4,.f-hero__window .f-glass--5{
--glass--mask--center:25%;
--glass--mask--bottom:75%;
--glass--color:rgba(var(--a--color--background-rgb), 50%);
--glass--color--background:transparent;
--glass--color--border:rgba(var(--a--color--background-rgb), 50%)
}
.f-hero__window .f-glass--6{
--glass--mask--top:-10%;
--glass--mask--center:20%;
--glass--mask--bottom:35%;
--glass--color--background:transparent
}
.f-hero__window .f-glass--7{
--glass--mask--top:25%;
--glass--mask--center:40%;
--glass--mask--bottom:65%;
--glass--color:rgba(var(--a--color--accent-rgb), 20%);
--glass--color--background:transparent
}
.f-hero__window .f-glass--8{
--glass--mask--top:0%;
--glass--mask--center:30%;
--glass--mask--bottom:60%;
--glass--color:rgba(var(--a--color--accent-rgb), 20%);
--glass--color--background:transparent
}
.f-hero__window .f-glass--9{
--glass--mask--top:25%;
--glass--mask--center:45%;
--glass--mask--bottom:65%
}
.f-hero__window .f-glass--10{
--glass--mask--top:25%;
--glass--mask--bottom:90%
}
.f-hero__window .f-glass--11{
--glass--mask--top:30%;
--glass--mask--bottom:85%
}
.f-hero__window .f-glass--12{
--glass--mask--top:35%;
--glass--mask--bottom:80%
}
.f-hero__window .f-glass--13{
--glass--mask--top:25%;
--glass--mask--bottom:70%
}
.f-hero__window .f-glass--14{
--glass--mask--top:10%;
--glass--mask--bottom:60%
}
@media (max-width:1023px){
.f-hero__buttons{
justify-content:center
}
.f-hero__window{
--glasses--columns:5
}
.f-hero__window .f-glass{
--glass--color--background:transparent
}
.f-hero__window .f-glass--1,.f-hero__window .f-glass--13,.f-hero__window .f-glass--14,.f-hero__window .f-glass--2,.f-hero__window .f-glass--3,.f-hero__window .f-glass--6,.f-hero__window .f-glass--7{
display:none
}

}
.f-heading--hero:has(a:hover,a:focus,a:active){
--circle--animation-state:paused
}
@keyframes windowCircle{
0%,100%{
transform:translate3d(0,0,0)
}
25%{
transform:translate3d(100%,-50%,0)
}
50%{
transform:translate3d(250%,0,0)
}
75%{
transform:translate3d(100%,50%,0)
}

}
.f-hero__bricks{
position:relative;
display:grid;
grid-template-columns:repeat(4,1fr);
grid-template-rows:auto;
gap:inherit;
padding:0;
order:-1
}
@media (min-width:1280px){
.f-hero__window{
gap:inherit;
top:-100%;
height:300%
}
.f-hero__window>*{
margin-inline:-1px
}
.f-hero__bricks{
order:unset
}

}
@media (min-width:1600px){
.f-hero__bricks{
margin:calc(var(--heading--spacing) * -1) 0 0
}

}
.f-hero__bricks .f-brick{
position:relative;
z-index:var(--a--layer--2)
}
@media (max-width:1279px){
.f-hero__bricks .f-brick{
display:none
}

}
.f-hero__bricks .f-brick:first-child{
grid-column:2/3;
grid-row:2/3
}
.f-hero__bricks .f-brick:nth-child(2){
grid-column:1/2;
grid-row:3/4
}
.f-hero__bricks .f-brick:nth-child(3){
grid-column:4/5;
grid-row:3/4
}
.f-hero__bricks .f-brick:nth-child(4){
grid-column:3/4;
grid-row:4/5
}
.f-hero__bricks .f-brick:nth-child(5){
grid-column:2/3;
grid-row:5/6
}
.f-hero__bricks .f-brick:nth-child(6){
grid-column:4/5;
grid-row:5/6
}
@media (min-width:1024px){
.f-content{
--content--spacing:var(--a--spacing--l);
font-size:var(--a--font-size--l)
}
.f-content--p-t{
padding-top:var(--a--spacing)
}

}
.f-title{
font-family:var(--a--heading--font-family);
font-size:var(--a--heading--title--font-size--m--fluid);
font-weight:var(--a--heading--font-weight);
letter-spacing:var(--a--heading--letter-spacing);
text-transform:var(--a--heading--text-transform);
line-height:var(--a--heading--line-height);
word-wrap:break-word;
overflow-wrap:break-word
}
.f-footer{
--link--color:currentColor;
--section--spacing:var(--a--spacing--xs);
--section--container--spacing:var(--a--spacing--xs);
--footer--spacing:var(--a--spacing--m);
position:relative;
padding:calc(var(--footer--spacing) * 2) 0 var(--footer--spacing);
margin-top:calc(var(--f--layout--radius) * -1);
z-index:0;
overflow:hidden;
font-size:var(--a--font-size--s);
line-height:var(--a--line-height--s);
color:rgba(var(--f--footer--color-rgb),var(--f--footer--color-opacity));
background-color:var(--f--footer--color--background);
background-image:linear-gradient(to bottom,var(--f--footer--color--background) 60%,var(--a--color--background) 100%)
}
.f-footer :where(a):not(.f-button){
text-decoration-color:transparent
}
.f-footer :where(a):not(.f-button):is(:hover,:focus){
color:var(--f--footer--color--accent);
text-decoration-color:currentColor
}
.f-footer__container{
position:relative;
z-index:var(--a--layer--2)
}
.f-footer__navigation{
--nav--spacing--v:var(--a--spacing--xxs);
--nav--spacing--h:var(--a--spacing--xs);
font-size:inherit
}
.f-footer__navigation ul{
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:center
}
@media (min-width:1280px){
.f-footer__navigation ul{
justify-content:flex-start
}

}
.f-footer__neons{
position:absolute;
inset:0;
z-index:-1;
overflow:hidden
}
.f-footer__neons .f-neon{
--neon--color:rgba(var(--a--color--accent-rgb), 30%);
--neon--shadow--color--rgb:var(--a--color--accent-rgb);
--neon--shadow--color--opacity:20%
}
.f-footer__neons .f-neon--01{
width:220%;
top:85%;
left:-130%;
rotate:155deg;
transform:translateX(50%)
}
.f-footer__neons .f-neon--02{
top:110%;
left:-85%;
rotate:135deg;
transform:translateX(100%)
}
@media (min-width:1024px){
.f-footer{
--footer--spacing:var(--a--spacing--l)
}
.f-footer__neons .f-neon--02{
top:140%;
left:-150%
}

}
.f-footer__neons .f-neon--03{
top:40%;
left:auto;
right:-125%;
rotate:150deg;
transform:translateX(25%)
}
@keyframes neonAppearView{
to{
transform:translateX(0)
}

}
.f-footer__window{
--glasses--gap:var(--a--spacing--xs);
top:50%;
height:50%;
gap:var(--glasses--gap)
}
.f-footer__window .f-glass{
--glass--color--background:transparent
}
.f-footer__window .f-glass--1{
--glass--mask--top:30%;
--glass--mask--bottom:90%
}
.f-footer__window .f-glass--2{
--glass--mask--top:5%;
--glass--mask--bottom:95%;
translate:0 50%
}
.f-footer__window .f-glass--3{
--glass--mask--top:10%;
--glass--mask--bottom:90%;
translate:0 75%
}
.f-footer__window .f-glass--4{
opacity:0
}
.f-footer__window .f-glass--5{
--glass--mask--top:30%;
--glass--mask--bottom:100%
}
.f-footer__window .f-glass--6{
--glass--mask--top:15%;
--glass--mask--bottom:85%
}
.f-footer__window .f-glass--7{
--glass--mask--top:25%;
--glass--mask--center:40%;
--glass--mask--bottom:55%
}
.f-footer__window .f-glass--8{
--glass--mask--top:30%;
--glass--mask--bottom:80%
}
.f-footer__window .f-glass--9{
opacity:0
}
.f-footer__window .f-glass--10{
--glass--mask--top:10%;
--glass--mask--bottom:90%;
translate:0 85%
}
.f-footer__window .f-glass--11{
--glass--mask--top:25%;
--glass--mask--bottom:75%;
translate:0 60%
}
.f-footer__window .f-glass--12{
--glass--mask--top:20%;
--glass--mask--bottom:80%;
translate:0 75%
}
.f-footer__window .f-glass--13{
--glass--mask--top:20%;
--glass--mask--bottom:100%
}
.f-footer__window .f-glass--14{
--glass--mask--top:20%;
--glass--mask--bottom:80%
}
.f-section{
position:relative;
scroll-margin-top:var(--f--anchor--gutter--section)
}
@media (min-width:1024px){
.f-footer__neons .f-neon--03{
top:175%;
right:-85%
}
.f-footer__window{
top:-50%;
height:200%
}
.f-section{
--section--header--font-size:var(--a--heading--font-size--h1--fluid)
}

}
.f-section--sub .f-section__container{
padding:var(--section--container--spacing) 0
}
.f-section__header :is(h2,h3){
margin:0;
font-size:var(--section--header--font-size, var(--a--heading--font-size--h2--fluid));
text-wrap:balance;
color:var(--section--header--color,currentColor)
}
.f-section__header :is(h2,h3) :is(a){
text-decoration-color:transparent
}
.f-section__header :is(h2,h3) :is(a):is(:hover,:focus){
text-decoration-color:currentColor
}
.f-section__header small+:is(h2,h3){
margin-top:calc(var(--gap-row,var(--a--spacing--s))/ 2 * -1)
}
.f-section__header small{
text-wrap:balance
}
.f-section__header p{
max-inline-size:75ch;
font-size:var(--a--font-size--xl);
text-wrap:balance
}
.f-section__header p strong{
font-weight:400;
color:var(--a--color--accent)
}
.f-section__header--center>*{
margin-inline:auto
}
.f-section__header--xs{
--section--header--font-size:var(--a--heading--font-size--h4--fluid)
}
.f-section__header--xs p{
font-size:var(--a--font-size);
line-height:var(--a--line-height)
}
.f-section__icon{
color:var(--section--header--color)
}
.f-section__box{
padding:var(--a--spacing--m)
}
@media (min-width:1024px){
.f-section__box{
padding:var(--a--spacing--l)
}

}
.f-section__footer{
margin-top:var(--section--spacing,var(--a--spacing--s))
}
.f-section__footer p{
opacity:75%
}
.f-section__footer--center{
text-align:center
}
.f-section--tip{
--section--spacing:var(--a--spacing--xs);
--section--header--font-size:var(--a--heading--font-size--h6--fluid);
--section--header--color:var(--a--color--highlight);
padding-block:var(--section--spacing,var(--a--spacing--m))
}
.f-section--tip .f-section__icon{
padding:var(--a--spacing--xxs);
margin-top:calc((var(--a--spacing--m) + 12px) * -1);
color:var(--a--color--highlight);
background-image:linear-gradient(177deg,rgba(var(--a--color-rgb),15%) 0,rgba(var(--a--color-rgb),5%) 75%);
border-radius:var(--a--spacing);
backdrop-filter:blur(var(--f--filter--blur--l));
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 10%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-section--tip .f-section__content{
font-size:var(--a--font-size--s);
line-height:var(--a--line-height);
text-wrap:balance
}
.f-section--tip .f-section__tip--up{
bottom:0
}
.f-section--tip .f-section__tip--down{
top:0
}
.f-section__tip{
max-width:48ch;
padding:var(--a--spacing--s);
text-align:center
}
.f-section__tip--start{
margin-inline:auto
}
@media (min-width:1024px){
.f-section--tip{
--section--spacing:0
}
.f-section--tip .f-section__icon{
--box-shadow--size:var(--a--spacing--s);
margin-top:calc((var(--a--spacing--l) + 12px) * -1)
}
.f-section__tip{
position:absolute;
bottom:0;
padding:var(--a--spacing)
}
.f-section__tip--start{
margin-inline:0 auto
}

}
.f-section__tip--center,.f-section__tip--end{
margin-inline:auto
}
.f-section--archive:last-child{
margin-bottom:calc(var(--main--spacing) * -1)
}
.f-section--benefits .f-section__header{
margin:0
}
.f-section--how{
overflow-x:clip
}
.f-section--ready{
--section--container--spacing:var(--a--spacing--xl)
}
.f-section--ready .f-section__header small{
display:block;
font-family:var(--a--font-family--primary);
font-size:var(--a--font-size--xl);
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing--l);
text-align:center
}
.f-section--ready .f-section__header span{
width:fit-content;
margin-inline:auto
}
.f-section--ready .f-section__title{
display:inline-grid;
grid-template-columns:auto auto;
grid-template-rows:auto;
gap:var(--a--spacing--xxxs) var(--a--spacing--xxs);
justify-content:center;
justify-items:start;
font-size:var(--a--heading--font-size--h4--fluid);
text-align:start
}
@media (min-width:1024px){
.f-section__tip--end{
margin-inline:auto 0
}
.f-section--ready .f-section__title{
display:inline-flex;
font-size:var(--a--heading--font-size--h1--fluid);
gap:0 var(--a--spacing--xs)
}

}
.f-section--ready .f-section__title span{
line-height:1.15
}
.f-section--ready .f-section__title small{
margin-left:3px
}
.f-section--ready .f-section__title .f-plus{
align-self:center;
justify-self:end;
color:var(--a--color--accent)
}
.f-section--ready .f-section__title .f-plus svg{
display:block;
margin-block:-0.5em;
width:auto;
max-height:1.4em
}
.f-section--contact{
--section--header--color:var(--a--color--accent);
--section--container--spacing:var(--a--spacing);
text-align:center
}
.f-section--contact .f-section__icon svg{
display:inline-flex
}
.f-section--contact .f-section__header{
margin:0
}
.f-section--contact p{
margin:0;
text-wrap:balance
}
.f-section--gallery .f-section__container{
padding-block:0
}
.f-section--gallery .f-section__header{
margin-bottom:calc(var(--a--spacing--m) * -1)
}
.f-section--copyright{
--section--spacing:var(--a--spacing--xs);
text-align:center;
color:rgba(var(--f--footer--color-rgb),60%)
}
.f-listings__header{
margin:0
}
.f-listings__header :is(h2,h3){
margin:0
}
.f-listings__actions{
margin-block:var(--a--spacing--m)
}
.f-listing{
--listing--spacing--v:var(--a--spacing--s);
--listing--spacing--h:var(--a--spacing--xs);
--image--scale:1;
--overlay--opacity:0;
--overlay--delay:0s;
--header--font-size:var(--a--heading--font-size--h4--fluid);
--header--color:inherit;
position:relative;
transform:translate3d(0,0,0);
contain:layout;
color:var(--listing--color,var(--a--color));
background-color:var(--listing--color--background,transparent);
background-image:var(--listing--image--background,linear-gradient(var(--gradient--angle,175deg),var(--gradient--color--start,rgba(var(--a--color-rgb),10%)) 25%,var(--gradient--color--end,rgba(var(--a--color-rgb),2.5%)) 75%));
border-radius:var(--listing--border-radius,var(--a--border--radius--xl));
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
transition-property:color,background,box-shadow,opacity,outline;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-listing:is(:hover,:focus-within){
--image--scale:1.1;
--overlay--opacity:1;
--overlay--delay:var(--f--listing--transition-delay)
}
@media (prefers-reduced-motion:no-preference){
@view-transition{
navigation:auto
}
::view-transition-group(*),::view-transition-image-pair(*){
animation-duration:.3s
}
.f-hero__window:before{
animation:30s linear infinite windowCircle;
animation-play-state:var(--circle--animation-state,running)
}
.f-listing--active:is(:hover,:focus-within){
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 40%)
}

}
@media (prefers-reduced-motion:no-preference) and (min-width:1024px){
.f-listing--active:is(:hover,:focus-within){
--box-shadow--size:var(--a--spacing--l)
}

}
.f-listing__container{
position:relative;
padding:var(--listing--spacing--v) var(--listing--spacing--h)
}
.f-listing__image{
position:relative;
margin:0;
z-index:var(--a--layer--1);
border-radius:var(--listing--border-radius,var(--a--border--radius--xl))
}
.f-listing__image>a{
display:block;
height:100%;
border-radius:inherit
}
.f-listing__image img{
object-position:left top;
backface-visibility:hidden;
transform:scale(var(--image--scale,1),var(--image--scale,1)) translate3d(0,0,0);
transform-origin:top center;
transition:transform var(--a--transition--duration) var(--a--transition--timing-function--ease),opacity var(--a--transition--duration) var(--a--transition--timing-function)
}
.f-listing__image .f-image{
position:relative;
display:block
}
.f-listing__image .f-image--placeholder{
display:block;
margin:0;
background-image:linear-gradient(135deg,var(--a--color--background),rgba(var(--a--color-rgb),5%));
border-top-right-radius:inherit;
border-top-left-radius:inherit
}
.f-listing__overlay{
position:absolute;
inset:var(--a--border--width--1);
z-index:var(--a--layer--3);
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
backface-visibility:hidden;
background-color:rgba(var(--f--overlay--color--rgb),var(--f--overlay--color--opacity));
border-radius:inherit;
outline-offset:calc(var(--a--outline--offset) * -1);
opacity:var(--overlay--opacity);
backdrop-filter:blur(var(--f--filter--blur--xs));
transition-property:opacity,outline;
transition-duration:var(--a--transition--duration);
transition-timing-function:var(--a--transition--timing-function);
transition-delay:var(--overlay--delay)
}
.f-listing__overlay a,.f-listing__overlay--link{
pointer-events:auto
}
.f-listing__header{
margin:0;
text-wrap:balance;
color:inherit
}
.f-listing__header :where(h2,h3,h4){
margin:0;
font-size:var(--header--font-size, var(--a--heading--font-size--h4--fluid))
}
.f-listing__header a{
text-decoration-color:transparent
}
.f-listing__header a:focus,.f-listing__header a:hover{
text-decoration-color:currentColor
}
.f-listing__labels{
padding:calc(var(--gap) * 2) var(--a--spacing--xs)
}
.f-listing__labels li{
color:var(--a--color--background);
background-color:rgba(var(--a--color--dark-rgb),80%);
border-color:transparent;
backdrop-filter:blur(var(--f--filter--blur))
}
.f-listing__excerpt{
opacity:.8;
margin:0;
font-size:var(--a--font-size);
line-height:var(--a--line-height--s)
}
.f-listing__metas .f-meta{
line-height:normal
}
.f-listing__metas .f-meta__value{
color:rgba(var(--a--color-rgb),80%)
}
.f-listing__date{
opacity:.8;
font-size:var(--a--font-size--xs)
}
.f-listing--link{
--listing--spacing--v:var(--a--spacing--s);
--listing--spacing--h:var(--a--spacing--s);
justify-content:end;
gap:var(--a--spacing--xs);
padding:var(--listing--spacing--v) var(--listing--spacing--h);
text-decoration:none;
transition-property:color,outline,box-shadow;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-listing--link h2{
margin:0;
font-size:var(--a--heading--font-size--h4--fluid);
text-decoration:underline;
text-decoration-color:transparent;
transition-property:color,text-decoration;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-listing--link p{
margin:0
}
.f-listing--link:is(:hover,:focus) h2{
color:currentColor;
text-decoration-color:currentColor
}
.f-listing--link:focus-visible{
outline-color:var(--a--color)
}
.f-single__image{
border-radius:var(--a--border--radius--xxl)
}
.f-single__image img{
border-radius:inherit
}
.f-single__description{
margin:0;
text-wrap:balance;
font-family:var(--a--heading--sub--font-family);
font-size:var(--a--heading--font-size--h6--fluid);
font-weight:var(--a--heading--sub--font-weight);
letter-spacing:var(--a--heading--sub--letter-spacing);
text-transform:var(--a--heading--sub--text-transform)
}
.f-single__container{
position:relative
}
.f-single__navigation{
font-weight:var(--a--heading--font-weight)
}
.f-single__navigation .f-button{
--button--spacing--v:var(--a--spacing--xxs);
--button--spacing--h:var(--a--spacing--xs);
--button--color:var(--a--color);
--button--background-color:rgba(var(--a--color--contrast-rgb), 0%);
width:100%;
gap:var(--a--spacing--xxs);
align-items:center;
justify-content:space-between;
margin:0;
overflow:hidden;
text-align:center;
-webkit-tap-highlight-color:transparent;
border:none;
outline-offset:calc(var(--a--outline--offset) * -1);
box-shadow:none
}
@media (min-width:768px){
.f-section--ready .f-section__header small{
font-size:var(--a--heading--font-size--h6--fluid)
}
.f-single__navigation .f-button{
--button--spacing--v:var(--a--spacing--xs);
font-size:var(--a--font-size--xl)
}
.f-single__navigation .f-button--prev{
justify-content:flex-start;
text-align:start
}
.f-single__navigation .f-button--prev small:after{
content:'';
display:inline-block;
width:var(--a--spacing--s);
height:var(--a--border--width--1);
background-color:currentColor
}
.f-single__navigation .f-button--next{
justify-content:flex-end;
text-align:end
}
.f-single__navigation .f-button--next small:before{
content:'';
display:inline-block;
width:var(--a--spacing--s);
height:var(--a--border--width--1);
background-color:currentColor
}

}
.f-single__navigation .f-button span{
display:inline-flex;
flex-direction:column;
align-items:center;
gap:var(--a--spacing--xxxs);
font-weight:var(--a--font-weight)
}
@media (min-width:768px){
.f-single__navigation .f-button span{
flex-direction:row;
gap:inherit
}

}
.f-single__navigation .f-button small{
display:inline-flex;
align-items:center;
gap:inherit;
order:-1;
opacity:.8;
font-family:var(--a--font-family--secondary);
font-weight:var(--a--font-weight)
}
.f-single__navigation .f-button:is(:hover,:focus){
--button--color:var(--a--color--contrast);
--button--background-color:var(--a--color--accent)
}
.f-single__navigation .f-button:focus-visible{
outline-color:currentColor
}
.f-pagination{
--pagination--spacing:var(--a--spacing--xxxs);
--pagination--border-width:var(--a--border--width--1);
--pagination--border-radius:calc(var(--f--layout--radius) - var(--pagination--spacing));
display:flex;
justify-content:center;
max-width:calc(var(--a--container--width) + (var(--pagination--spacing) * 2));
gap:0;
padding:var(--pagination--spacing);
margin:var(--a--spacing--l) auto 0;
z-index:var(--a--layer--6);
user-select:none;
font-family:var(--a--button--font-family);
font-size:var(--a--button--font-size);
font-weight:var(--a--button--font-weight);
letter-spacing:var(--a--button--letter-spacing);
text-transform:var(--a--button--text-transform)
}
.f-pagination:last-child{
margin-bottom:calc(var(--main--spacing) * -1)
}
.f-pagination:not(:last-child){
margin-bottom:var(--main--spacing)
}
.f-pagination ul{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
gap:var(--pagination--border-width);
width:100%;
padding:0;
margin:0;
border-radius:var(--pagination--border-radius)
}
@media (min-width:768px){
.f-single__navigation .f-button small{
opacity:1;
order:unset
}
.f-pagination ul{
flex-direction:row;
justify-content:center;
align-items:stretch
}
.f-pagination li{
min-height:100%
}

}
.f-pagination li{
position:relative;
flex:1;
width:100%;
padding:0
}
.f-pagination li:first-child{
border-radius:var(--pagination--border-radius) var(--pagination--border-radius) 0 0
}
@media (min-width:768px){
.f-pagination li:first-child{
border-radius:var(--pagination--border-radius) 0 0 var(--pagination--border-radius)
}

}
.f-pagination li:last-child{
border-radius:0 0 var(--pagination--border-radius) var(--pagination--border-radius)
}
@media (min-width:768px){
.f-pagination li:last-child{
border-radius:0 var(--pagination--border-radius) var(--pagination--border-radius) 0
}

}
.f-pagination li:first-child:last-child{
border-radius:var(--pagination--border-radius)
}
.f-pagination :is(a,span){
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-height:100%;
gap:var(--a--spacing--s);
padding:var(--a--spacing--xs);
margin:0;
-webkit-tap-highlight-color:transparent;
line-height:normal;
text-decoration:none;
color:var(--a--color);
border-radius:inherit;
border:none;
outline-offset:calc(var(--a--outline--offset) * -1)
}
@media (min-width:768px){
.f-pagination :is(a,span){
padding-block:var(--a--spacing--xxs)
}
.f-pagination span.current{
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--accent-rgb), 35%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

}
.f-pagination :is(a,span) span{
padding:0;
margin:0;
color:inherit
}
.f-pagination a{
transition:all var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}
.f-pagination a svg{
position:relative;
display:inline-flex;
vertical-align:middle;
color:currentColor
}
.f-pagination a:is(:hover,:active,:focus){
color:var(--a--color--contrast);
background-color:var(--a--color--accent)
}
.f-pagination a:is(:hover,:focus){
transform:translate3d(0,-3px,0)
}
.f-pagination a:active{
transform:translate3d(0,0,0)
}
.f-pagination span.dots{
opacity:.5;
padding-right:var(--a--spacing--xs);
padding-left:var(--a--spacing--xs)
}
.f-pagination span.current{
--background-color:transparent;
color:var(--a--color--contrast);
background-color:var(--a--color--accent)
}
@media (min-width:768px) and (min-width:1024px){
.f-pagination span.current{
--box-shadow--size:var(--a--spacing--l)
}

}
.f-pagination .prev{
min-width:16ch
}
.f-pagination .next{
min-width:16ch
}
@media (max-width:767px){
.f-pagination .prev{
gap:0
}
.f-pagination .prev svg{
position:absolute;
left:var(--a--spacing--xs)
}
.f-pagination .next{
gap:0
}
.f-pagination .next svg{
position:absolute;
right:var(--a--spacing--xs)
}

}
@media (min-width:768px){
.f-pagination .prev{
justify-content:flex-start
}
.f-pagination .next{
justify-content:flex-end
}
.f-features{
grid-template-columns:repeat(2,1fr)
}

}
.f-pagination span.next,.f-pagination span.prev{
opacity:.3
}
.f-section+.f-pagination{
margin-top:calc(var(--a--spacing--m) * -1)
}
.f-terms__navigation{
font-size:var(--a--heading--font-size--h6--fluid)
}
.f-or{
--or--spacing--v:var(--a--spacing--l);
--or--spacing--h:var(--a--spacing--xl);
position:relative;
display:inline-flex;
align-items:center;
align-self:center;
justify-content:center;
gap:var(--a--spacing--xxxs);
min-width:280px;
padding:var(--or--spacing--v) var(--or--spacing--h) calc(var(--or--spacing--v) * 2);
margin:0 0 calc(var(--or--spacing--v) * 2 * -1);
z-index:-1;
font-family:var(--a--heading--font-family);
text-transform:uppercase;
background-image:linear-gradient(to bottom,rgba(var(--a--color--dark-rgb),25%),transparent 50%);
clip-path:polygon(50% 100%,0 0,100% 0)
}
.f-or--s{
--or--spacing--v:var(--a--spacing--s);
--or--spacing--h:var(--a--spacing--s)
}
.f-buttons .f-or{
margin-top:calc(var(--gap--row) * -1);
z-index:-1
}
.wp-block-heading{
text-wrap:balance
}
.wp-block-image figcaption{
padding-inline:var(--a--container--spacing);
font-size:var(--a--font-size);
text-align:end
}
.wp-block-cover{
--cover--spacing--v:var(--a--spacing--m);
overflow:visible
}
.wp-block-cover:not(.alignfull){
border-radius:var(--a--border--radius--xxl)
}
.wp-block-cover .wp-block-image{
border-radius:var(--a--border--radius)
}
.wp-block-cover .wp-block-cover__background{
border-radius:inherit
}
.wp-block-cover .wp-block-cover__background.has-contrast-background-color{
background-color:transparent!important;
background-image:var(--f--content--gradient);
border-radius:var(--f--layout--radius)
}
.wp-block-columns.has-background{
border-radius:var(--a--border--radius--xxl)
}
@media (max-width:480px){
.wp-block-spacer{
height:var(--a--spacing)!important
}

}
.wp-block-quote{
--quote--spacing:var(--a--spacing--xs);
padding-inline:0;
font-size:var(--a--heading--font-size--h5--fluid);
color:var(--a--color--accent)
}
p.is-style-pretty{
text-wrap:pretty
}
p.is-style-balance{
text-wrap:balance
}
p.is-style-lead{
font-family:var(--a--font-family--primary);
font-size:var(--a--heading--font-size--h6--fluid);
line-height:var(--a--line-height--s);
text-wrap:pretty
}
p.is-style-lead--l{
font-family:var(--a--font-family--primary);
font-size:var(--a--heading--font-size--h5--fluid);
line-height:var(--a--line-height--xs);
text-wrap:pretty
}
p.is-style-description{
max-width:56ch;
text-wrap:balance
}
.wp-block-heading.is-style-label{
font-size:var(--a--font-size--xxs);
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing--xxl);
text-transform:uppercase;
opacity:.75;
white-space:nowrap
}
.wp-block-group.is-style-color{
position:relative;
padding:var(--a--spacing--s);
gap:var(--a--spacing--xxxl);
border-radius:var(--color--radius,var(--a--border--radius--xxl))
}
@media (min-width:1024px){
.f-listing{
--box-shadow--size:var(--a--spacing--s);
--listing--spacing--h:var(--a--spacing--s)
}
.f-pagination{
--pagination--spacing:var(--a--spacing--xs)
}
.f-terms__navigation,p.is-style-lead{
font-size:var(--a--heading--font-size--h5--fluid)
}
p.is-style-lead--l{
font-size:var(--a--heading--font-size--h4--fluid)
}
.wp-block-group.is-style-color{
padding:var(--a--spacing--m)
}

}
.wp-block-group.is-style-color:before{
content:'';
position:absolute;
display:block;
top:var(--a--spacing--xs);
right:var(--a--spacing--xs);
width:calc(var(--color--radius,var(--a--border--radius--xxl)) * 4);
height:calc(var(--color--radius,var(--a--border--radius--xxl)) * 4);
border-radius:calc(var(--color--radius,var(--a--border--radius--xxl)) * 2);
border:var(--a--border--width--1) solid currentColor;
opacity:50%
}
.wp-block-group.is-style-color h3.wp-block-heading{
font-size:var(--a--heading--font-size--h5--fluid)
}
.wp-block-cover.is-style-container{
padding-inline:0
}
.wp-block-cover.is-style-container .wp-block-cover__inner-container,.wp-block-cover.is-style-container.has-custom-content-position .wp-block-cover__inner-container{
width:min(var(--container--width-min,calc(100% - (var(--container--spacing,var(--a--container--spacing)) * 2))),var(--container--width-max,var(--a--container--width)));
max-width:var(--container--width-max,var(--a--container--width));
margin-inline:auto
}
.wp-block-cover.is-style-container .alignfull{
margin-inline:calc(-100vw / 2 + 100% / 2)
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default){
background-color:var(--device--color);
border:var(--device--border) solid var(--device--color);
border-radius:calc(var(--device--border) + var(--device--border-radius));
--box-shadow--size:calc(var(--a--spacing--m) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 35%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
@media (min-width:1024px){
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default){
--box-shadow--size:var(--a--spacing--m)
}

}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default):not(.alignwide):not(.alignfull){
margin-inline:calc(var(--device--border) * -1)
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default) img{
border-radius:var(--device--border-radius)
}
.wp-block-image.is-style-sharp{
border-radius:0
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3){
aspect-ratio:16/9;
overflow-y:auto;
pointer-events:auto
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3):not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:var(--a--color) var(--device--color)
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3)::-webkit-scrollbar{
background-color:var(--device--color)
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3)::-webkit-scrollbar-thumb{
background-color:var(--a--color);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3)::-webkit-scrollbar-track{
background-color:var(--device--color)
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3)::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3) img{
position:relative;
width:100%;
height:auto;
object-position:center top;
object-fit:cover
}
.wp-block-image.is-style-scrollable-4-3{
aspect-ratio:4/3
}
.wp-block-image.is-style-preview--default{
display:inline-block
}
.wp-block-image.is-style-drop-shadow{
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%);
filter:drop-shadow(0 calc(var(--box-shadow--size) / 4) calc(var(--box-shadow--size) / 4) var(--box-shadow--color)) drop-shadow(0 calc(var(--box-shadow--size) / 2) calc(var(--box-shadow--size) / 2) var(--box-shadow--color)) drop-shadow(0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color))
}
@media (min-width:1024px){
.wp-block-image.is-style-drop-shadow{
--box-shadow--size:var(--a--spacing--s)
}

}
@media (min-width:1360px){
:not(.block-editor-block-list__layout) .wp-block-media-text.alignfull.is-style-container:not(.has-media-on-the-right) .wp-block-media-text__content{
padding-right:calc(((100vw - var(--a--container--width) - var(--a--container--spacing))/ 2) + var(--a--spacing--xs))
}
:not(.block-editor-block-list__layout) .wp-block-media-text.alignfull.is-style-container.has-media-on-the-right .wp-block-media-text__content{
padding-left:calc(((100vw - var(--a--container--width) - var(--a--container--spacing))/ 2) + var(--a--spacing--xs))
}

}
@media (max-width:1023px){
.wp-block-columns.is-style-s-max--2 .wp-block-column{
flex-basis:auto!important
}

}
.wp-block-columns.is-style-colors{
--colors--spacing:var(--device--border);
--colors--background-color:var(--a--color--contrast);
--color--radius:var(--device--border-radius);
gap:var(--colors--spacing);
padding:var(--colors--spacing);
border-radius:calc(var(--colors--spacing) + var(--color--radius));
background-image:linear-gradient(to bottom,rgba(var(--a--color--contrast-rgb),100%),rgba(var(--a--color--contrast-rgb),75%));
--box-shadow--size:calc(var(--a--spacing--m) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 35%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
:not(.alignfull) .wp-block-columns.is-style-colors{
min-width:calc(100% + (var(--colors--spacing) * 2));
margin-inline:calc(var(--colors--spacing) * -1)!important
}
.wp-block-columns.is-style-colors.alignfull{
--colors--spacing:var(--a--spacing--xs)
}
@media (max-width:767px){
.has-title-font-size{
font-size:var(--a--heading--font-size--h1--fluid)!important
}

}
.has-xxl-font-size{
line-height:var(--a--line-height--s)
}
:is(
.has-title-font-size,.has-h-1-font-size,.has-h-2-font-size,.has-h-3-font-size,.has-h-4-font-size,.has-h-5-font-size,.has-h-6-font-size
){
line-height:var(--a--heading--line-height)
}
.f-features{
position:relative;
display:grid;
grid-template-rows:auto;
grid-auto-flow:dense;
gap:var(--a--spacing--xs)
}
@media (min-width:1024px){
.wp-block-columns.is-style-colors{
--box-shadow--size:var(--a--spacing--m)
}
.f-features{
grid-template-columns:repeat(3,1fr);
gap:var(--a--spacing--s)
}
.f-feature--header{
grid-column:span 2
}

}
.f-feature{
grid-row:span 2;
position:relative;
padding:var(--a--spacing--s) var(--a--spacing--xs);
text-align:center;
contain:layout;
border-radius:var(--a--border--radius--xl)
}
@media (min-width:768px){
.f-feature{
padding:var(--a--spacing--m) var(--a--spacing--s)
}

}
.f-feature--header{
grid-row:span 2;
align-items:center;
justify-content:center
}
.f-feature--number{
--content--font-size:var(--a--font-size--l);
position:relative;
align-items:center;
justify-content:center;
text-align:center
}
.f-feature--number .f-feature__header{
--header--font-size:calc(var(--a--heading--font-size--h1--fluid) * 1.6);
user-select:none
}
.f-feature--number .f-feature__header h3{
white-space:nowrap;
color:var(--a--color--accent);
font-family:var(--a--font-family--secondary);
font-variant-numeric:tabular-nums;
letter-spacing:var(--a--letter-spacing--s)
}
.f-feature--number .f-feature__content{
line-height:var(--a--line-height--s)
}
.f-feature--space{
display:none;
align-items:center;
justify-content:center;
padding:0;
border-radius:var(--a--border--radius--xl)
}
@media (min-width:1024px){
.f-feature--space{
display:revert
}
.f-procedure{
max-width:36ch
}

}
@media (min-width:1024px) and (max-width:1279px){
.f-feature--header{
grid-row:span 1;
grid-column:1/4
}
.f-feature:nth-child(20n+2){
grid-row:3/5
}
.f-feature:nth-child(20n+4){
grid-column:3/4;
grid-row:3/5
}
.f-feature:nth-child(20n+13),.f-feature:nth-child(20n+7),.f-feature:nth-child(20n+8){
grid-column:2/3
}
.f-feature:nth-child(20n+14){
display:none
}
.f-feature:nth-child(20n+15){
grid-row:10/12;
grid-column:2/3
}

}
@media (min-width:1280px){
.f-features{
grid-template-columns:repeat(4,1fr)
}
.f-feature--header{
grid-column:2/span 2
}
.f-feature:nth-child(20n+2){
grid-row:2/4
}
.f-feature:nth-child(20n+6){
grid-row:4/6;
grid-column:3/4
}
.f-feature:nth-child(20n+13){
grid-column:3/4
}
.f-feature:nth-child(20n+16){
grid-row:9/11;
grid-column:4/5
}

}
.f-feature__image{
display:inline-flex;
align-items:center;
justify-content:center;
margin:0;
color:var(--a--color--accent);
border-radius:var(--a--border--radius--l)
}
.f-feature__header{
--header--font-size:var(--a--heading--font-size--h6--fluid);
margin:0;
text-wrap:balance
}
.f-feature__header h3{
font-size:var(--header--font-size);
line-height:1.5
}
.f-feature__header h3 small{
margin:0
}
.f-feature__content{
margin:0;
font-size:var(--content--font-size, var(--a--font-size--s));
text-wrap:balance;
color:rgba(var(--a--color-rgb),80%)
}
.f-feature__content a{
color:currentColor;
text-decoration-color:transparent
}
.f-feature__content a:is(:hover,:focus){
color:var(--a--link--color--active);
text-decoration-color:currentColor
}
.f-procedures{
--procedures--gap:var(--a--spacing--s);
display:flex;
flex-direction:column;
justify-content:center;
align-items:stretch;
gap:var(--procedures--gap);
padding:0;
margin-block:var(--procedures--gap) var(--a--spacing--xl);
text-align:center;
list-style:none
}
@media (min-width:768px){
.f-procedures{
flex-direction:row;
align-items:flex-end
}

}
.f-procedure{
position:relative;
display:flex;
flex-direction:column;
gap:var(--a--spacing--xs);
padding:var(--a--spacing--m);
text-decoration:none;
background-image:linear-gradient(to bottom,rgba(var(--a--color-rgb),10%),rgba(var(--a--color--background-rgb),0%)),radial-gradient(100% 100% at 50% 100%,rgba(var(--a--color--accent-rgb),25%) 0,rgba(var(--a--color--accent-rgb),0) 75%);
background-size:100% 100%,100% 100%
}
.f-procedure--1{
z-index:2
}
.f-procedure--2{
z-index:1
}
.f-procedure--3{
z-index:0
}
.f-procedure .f-number{
position:relative;
display:block;
align-self:center;
padding:var(--a--spacing--xxs);
aspect-ratio:1/1;
z-index:var(--a--layer--3);
font-family:var(--a--heading--font-family);
font-size:var(--a--heading--font-size--h5--fluid);
font-weight:var(--a--heading--font-weight);
letter-spacing:var(--a--heading--letter-spacing);
text-transform:var(--a--heading--text-transform);
color:var(--a--color--highlight);
background-image:linear-gradient(177deg,rgba(var(--a--color-rgb),15%) 0,rgba(var(--a--color-rgb),5%) 75%);
border-radius:var(--a--spacing);
backdrop-filter:blur(var(--f--filter--blur));
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 10%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-procedure h3{
margin:0;
font-size:var(--a--heading--font-size--h6--fluid);
color:var(--a--color--highlight)
}
.f-procedure p{
margin:0;
text-wrap:balance;
opacity:.8
}
.f-procedure .f-icon{
position:absolute;
top:100%;
left:50%;
padding:var(--a--spacing--xs);
transform:translate3d(-50%,calc((50% - (var(--procedures--gap)/ 2)) * -1),0) rotate(90deg);
border-radius:var(--a--spacing--xs)
}
.f-processes{
--step--height:60px;
position:relative;
display:grid;
grid-template-rows:max-content max-content max-content;
gap:0
}
@media (min-width:1024px){
.f-procedure .f-number{
--box-shadow--size:var(--a--spacing--s);
margin-top:calc(var(--a--spacing--l) * -1)
}
.f-processes{
grid-template-columns:1fr 1fr;
margin-bottom:calc(var(--a--spacing) * 6)
}

}
.f-processes__link{
position:relative;
width:var(--a--spacing--s);
height:var(--a--spacing--s);
margin:0 auto;
z-index:-1;
content-visibility:hidden;
pointer-events:none;
touch-action:none;
grid-row:2/3
}
.f-processes__plus{
position:absolute;
display:flex;
align-items:center;
justify-content:center;
z-index:var(--a--layer--2);
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0) scale(1,1) rotate(0turn);
transform-origin:50% 50%;
animation:processesPlus calc(var(--a--transition--duration) * 15) var(--f--transition--timing-function--cb--inout) infinite;
animation-delay:calc(var(--a--transition--duration) * 5)
}
@keyframes processesPlus{
50%{
transform:translate3d(-50%,-50%,0) scale(1,1) rotate(0turn)
}
75%{
transform:translate3d(-50%,-50%,0) scale(1.25,1.25) rotate(2turn)
}
100%{
transform:translate3d(-50%,-50%,0) scale(1,1) rotate(3turn)
}

}
.f-processes__ellipse{
position:absolute;
top:50%;
left:50%;
width:50%;
height:50%;
z-index:var(--a--layer--1);
transform:translate3d(-50%,-50%,0) rotate(-45deg);
transform-origin:50% 50%;
background-image:radial-gradient(farthest-corner,rgba(var(--a--color--contrast-rgb),5%),transparent);
border:var(--a--border--width--1) solid rgba(var(--a--color-rgb),10%);
border-radius:60rem 60rem 60rem 0
}
.f-processes__ellipse--1{
width:20rem;
height:20rem;
border-bottom-left-radius:30rem
}
.f-processes__ellipse--2{
width:40rem;
height:40rem;
border-bottom-left-radius:20rem
}
.f-processes__ellipse--3{
width:60rem;
height:60rem;
border-bottom-left-radius:10rem
}
.f-process{
--step--gap:var(--a--spacing--xs);
position:relative;
align-self:start;
padding:0
}
@media (min-width:768px){
.f-procedure .f-icon{
top:50%;
left:100%;
transform:translate3d(calc((50% - (var(--procedures--gap)/ 2)) * -1),-50%,0)
}
.f-process{
padding:0 var(--a--spacing--xl)
}
.f-process__header h3 br{
display:none
}

}
.f-process--web-design{
--process--color:var(--f--color--web-design);
--process--color--rgb:var(--f--color--web-design--rgb)
}
.f-process--web-design .f-badge{
--badge--color:var(--f--color--web-design);
--badge--background-color:rgba(var(--f--color--web-design--rgb), 5%)
}
.f-process--web-development{
--process--color:var(--f--color--web-development);
--process--color--rgb:var(--f--color--web-development--rgb)
}
@media (min-width:1024px){
.f-processes__link{
grid-column:2;
margin:calc(((var(--a--spacing--s)/ 2) + (var(--step--height)/ 2)) * -1) 0 0 calc(var(--a--spacing--s)/ 2 * -1);
content-visibility:visible
}
.f-process--web-design{
grid-row:1/2
}
.f-process--web-development{
grid-row:2/3;
grid-column:2/3;
margin-top:calc((var(--a--spacing--xs) + var(--step--height)) * -1)
}
.f-process--web-development .f-process__header{
position:absolute;
left:0;
bottom:100%;
width:100%
}

}
@media (min-width:1024px) and (min-width:768px){
.f-process--web-development .f-process__header{
padding-inline:var(--a--spacing--xl)
}

}
.f-process--web-development .f-badge{
--badge--color:var(--f--color--web-development);
--badge--background-color:rgba(var(--f--color--web-development--rgb), 5%)
}
.f-process__header{
padding:0 0 var(--a--spacing--xs);
margin:0
}
.f-process__header h3{
font-size:var(--a--heading--font-size--h2--fluid);
color:var(--process--color)
}
.f-process__subtitle small{
font-size:var(--a--font-size--l)
}
.f-process__subtitle p{
opacity:.6;
font-size:var(--a--font-size)
}
.f-process__goal{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--a--spacing--xs);
padding:var(--a--spacing--l) 0 var(--a--spacing--s);
margin:0;
text-align:center;
text-wrap:balance
}
.f-process__goal svg{
color:var(--process--color)
}
.f-process__goal h4{
margin:0;
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size--xl);
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing);
line-height:var(--a--line-height);
text-transform:none
}
.f-process__goal strong{
font-weight:var(--a--font-weight);
color:var(--process--color)
}
.f-steps{
--steps--spacing:var(--a--spacing--xs);
display:flex;
flex-direction:column;
align-items:flex-start;
width:100%
}
@media (min-width:1024px){
.f-process__goal{
position:absolute;
top:100%;
left:0;
padding-inline:inherit
}
.f-steps{
--steps--spacing:var(--a--spacing--m)
}

}
@media (min-width:1280px){
.f-steps{
--steps--spacing:var(--a--spacing--xl)
}

}
@media (min-width:1600px){
.f-steps{
--steps--spacing:var(--a--spacing--xxxl)
}

}
.f-steps .f-step:nth-child(5n+2){
margin-inline:auto calc(var(--steps--spacing) * -1)
}
.f-steps .f-step:nth-child(5n+3){
margin-inline:auto calc(var(--steps--spacing)/ 2 * -1)
}
.f-steps .f-step:nth-child(5n+5){
margin-inline:calc(var(--steps--spacing)/ 2 * -1) auto
}
.f-step{
--details--icon--spacing:var(--a--spacing--xs);
--border--angle:175deg;
--border--radius:var(--a--border--radius--l);
--gradient--angle:175deg;
width:100%;
margin:0;
background-image:linear-gradient(to bottom,rgba(var(--a--color-rgb),10%),rgba(var(--a--color--background-rgb),0%)),radial-gradient(100% 100% at 50% 100%,rgba(var(--process--color--rgb),40%) 0,rgba(var(--process--color--rgb),0) 75%);
background-size:100% 100%,100% 100%;
backdrop-filter:blur(var(--f--filter--blur--xs));
transition-property:color,background,boxéshadow;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--f--transition--timing-function--cb)
}
.f-step:is(:hover,:focus-within){
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%)
}
@media (min-width:1024px){
.f-step:is(:hover,:focus-within){
--box-shadow--size:var(--a--spacing--s)
}

}
.f-step[open]{
--summary--color:var(--process--color);
background-size:100% 150%,100% 100%;
--box-shadow--size:calc(var(--a--spacing--m) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%)
}
.f-step[open] .f-step__summary{
margin-bottom:0
}
.f-step__summary{
display:flex;
align-items:center;
justify-content:flex-start;
gap:var(--a--spacing--xs);
min-height:var(--step--height);
padding-block:var(--a--spacing--xs)
}
.f-step__summary .f-badge{
--badge--spacing--v:0;
--badge--spacing--h:var(--a--spacing--xxs);
margin:calc(var(--a--spacing--xxxs) * -1);
white-space:nowrap
}
.f-step__summary:is(:hover,:focus){
--summary--color:var(--process--color)
}
.f-step__content{
font-size:var(--a--font-size)
}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.f-scroll--toX0{
transform:translate3d(var(--a--spacing--xxl),0,0);
will-change:transform;
animation:toX0 var(--f--scroll--animation-timing-function) forwards;
animation-timeline:view();
animation-range:entry 10% cover 25%
}
.f-scroll--toY0{
transform:translate3d(0,calc(var(--a--spacing--l) * var(--i,1)),0);
will-change:transform;
animation:toY0 var(--f--scroll--animation-timing-function) forwards;
animation-timeline:view();
animation-range:entry 15% cover 35%
}
.f-scroll--toYN{
transform:translate3d(0,0,0);
will-change:transform;
animation:toYN var(--f--scroll--animation-timing-function) forwards;
animation-timeline:view();
animation-range:0 100vh
}
.f-scroll--device{
animation:device var(--f--scroll--animation-timing-function) forwards;
animation-timeline:view();
animation-range:entry 25% cover 50%
}
.f-faq:not([open]){
transform:translate3d(calc(var(--a--container--spacing) * 3),0,0);
will-change:transform;
animation:toX0 var(--f--scroll--animation-timing-function) forwards;
animation-timeline:view();
animation-range:entry 10% cover 25%
}
.f-faq:not([open]):nth-child(4n+1){
transform:translate3d(var(--a--container--spacing),0,0)
}
.f-faq:not([open]):nth-child(4n+2){
transform:translate3d(calc(var(--a--container--spacing) * -1),0,0)
}
.f-faq:not([open]):nth-child(4n+3){
transform:translate3d(calc(var(--a--container--spacing)/ 2),0,0)
}
.f-faq:not([open]):nth-child(4n+4){
transform:translate3d(calc(var(--a--container--spacing)/ 2 * -1),0,0)
}

}
@media (prefers-reduced-motion:no-preference) and (min-width:1024px){
.f-faq:not([open]):nth-child(4n+3){
transform:translate3d(calc(var(--a--container--spacing) * 2),0,0)
}

}
@media (prefers-reduced-motion:no-preference) and (min-width:1280px){
.f-faq:not([open]):nth-child(4n+4){
transform:translate3d(calc(var(--a--container--spacing) * 2 * -1),0,0)
}

}

}
@keyframes toX0{
to{
transform:translate3d(0,0,0)
}

}
@keyframes toY0{
to{
transform:translate3d(0,0,0)
}

}
@keyframes toYN{
to{
transform:translate3d(0,calc(var(--a--spacing--xl) * -1),0)
}

}
@keyframes device{
to{
--device--rotate--x:0deg;
--device--rotate--y:0deg;
--device--rotate--z:0deg;
--device--depth--scale:1
}

}
.f-count{
--count--animation--state:paused;
--count--transition--duration:0.6s;
display:inline-flex;
height:1em;
max-height:1em;
overflow:hidden;
overflow:clip;
user-select:none
}
@media (prefers-reduced-motion:reduce){
.f-count{
--count--transition--duration:0s
}

}
.f-count>span{
display:flex;
flex-direction:column;
justify-content:flex-start;
transform:translateY(0);
animation:countDigit var(--count--transition--duration) var(--f--transition--timing-function--cb--count) forwards;
animation-play-state:var(--count--animation--state)
}
.f-count>span>span{
text-align:center;
line-height:1em
}
.f-count--down>span{
flex-direction:column-reverse;
justify-content:flex-end
}
.f-count.active,html.no-js .f-count{
--count--animation--state:play
}
@keyframes countDigit{
to{
transform:translateY(calc((100% * var(--i)) * -1))
}

}
.f-device{
--device--delay:0s;
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-width:280px;
perspective:1600px;
overflow:visible;
user-select:none;
isolation:isolate;
transform-style:preserve-3d;
background-image:linear-gradient(to bottom,var(--device--table--color),transparent),radial-gradient(50% 100% at 50% 0,rgba(var(--a--color--dark-rgb),100%),rgba(var(--a--color--dark-rgb),30%) 50%,rgba(var(--a--color--dark-rgb),0%) 90%);
background-size:var(--device--table-size--x,100%) 25%,100% 25%;
background-position:var(--device--table-position--x,100%) 100%
}
.f-device--active:is(:hover,:focus-within){
--device--scale:1;
--device--delay:var(--f--listing--transition-delay);
--device--rotate--x:0deg;
--device--rotate--y:0deg;
--device--rotate--z:0deg;
--device--depth--scale:1.5!important
}
.f-device__figure{
margin:0
}
.f-device__case{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:var(--device--size,90%);
padding:var(--device--border);
margin:0;
transform-style:preserve-3d;
transform:scale(var(--device--scale,.9),var(--device--scale,.9));
background-color:var(--device--color,var(--a--color--contrast));
outline:transparent solid 1px;
border-radius:var(--device--border-radius);
--box-shadow--size:calc(var(--a--spacing--m) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 50%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
transition:transform var(--a--transition--duration--double) var(--f--listing--transition-timing-function) var(--device--delay, 0s),box-shadow var(--a--transition--duration) var(--f--listing--transition-timing-function) var(--device--delay, 0s)
}
@supports (animation-timeline:view()){
.f-device__case{
transform:scale(var(--device--scale,.9),var(--device--scale,.9)) rotateX(var(--device--rotate--x,15deg)) rotateY(var(--device--rotate--y,-25deg)) rotateZ(var(--device--rotate--z,10deg))
}
@media (prefers-reduced-motion:no-preference){
.f-listings--plans-partnerships .f-plan:nth-child(3n){
transform:translateY(calc(var(--a--spacing--m)))
}

}

}
.f-device__depth{
position:absolute;
inset:1px;
width:100%;
height:100%;
box-sizing:border-box;
backface-visibility:hidden;
transform-style:preserve-3d;
transform:scale(var(--device--depth--scale,1.015),var(--device--depth--scale,1.01)) translateZ(calc(var(--device--depth--step) * -1));
transform-origin:50% 50%;
background-color:var(--device--color,var(--a--color--contrast));
background-image:linear-gradient(to bottom,var(--device--depth-color,rgba(var(--a--color--accent-rgb),50%)),var(--device--color,var(--a--color--contrast)));
border-radius:calc(var(--device--border-radius) + .3rem);
transition:transform var(--a--transition--duration) var(--f--listing--transition-timing-function) var(--device--delay, 0s);
--shadow--size:var(--a--spacing--xxxs);
--shadow--color:rgba(var(--a--color--contrast-rgb), 5%);
box-shadow:inset 0 0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),inset 0 0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),inset 0 0 var(--shadow--size) var(--shadow--size) var(--shadow--color)
}
.f-device__screen{
position:relative;
width:100%;
aspect-ratio:var(--device--aspect-ratio,16/9);
transform:translate3d(0,0,0);
background-color:var(--device--screen-color,var(--a--color--contrast));
background-image:var(--device--screen-gradient,none);
outline:transparent solid 1px
}
.f-device__screen img{
width:100%;
height:100%;
object-position:center top;
object-fit:cover;
border-radius:0
}
.f-device__screen--scrollable{
overflow-y:auto;
pointer-events:auto
}
.f-device__screen--scrollable:not(::-webkit-scrollbar){
scrollbar-width:var(--scrollbar--width,15px);
scrollbar-color:var(--a--color) var(--device--color,var(--a--color--contrast))
}
.f-device__screen--scrollable::-webkit-scrollbar{
background-color:var(--device--color,var(--a--color--contrast))
}
.f-device__screen--scrollable::-webkit-scrollbar-thumb{
background-color:var(--a--color);
background-clip:content-box;
border:5px solid transparent;
border-radius:10px
}
.f-device__screen--scrollable::-webkit-scrollbar-track{
background-color:var(--device--color,var(--a--color--contrast))
}
.f-device__screen--scrollable::-webkit-scrollbar-thumb:hover{
background-color:var(--a--color--accent)
}
.f-device__screen--scrollable img{
position:relative;
width:100%;
height:auto
}
.f-about{
--about--gap:var(--a--spacing--xs);
position:relative
}
.f-about__items{
display:flex;
flex-direction:column;
gap:var(--about--gap)
}
@media (min-width:768px){
.f-about__items{
display:grid;
grid-template-columns:repeat(10,1fr);
align-items:stretch
}
.f-about__item--contact{
grid-column:span 5
}

}
.f-about__item{
--aurora--opacity:20%;
--aurora--size:4em;
--aurora--animation-duration:12s;
display:inline-flex;
flex-direction:column;
padding:var(--a--spacing--s)
}
@media (min-width:1024px){
.f-device__case,.f-step[open]{
--box-shadow--size:var(--a--spacing--m)
}
.f-about__item{
padding:var(--a--spacing--m)
}

}
.f-about__item--button{
gap:0;
font-size:var(--a--heading--font-size--h6--fluid);
white-space:nowrap;
line-height:var(--a--line-height--xxs);
backdrop-filter:blur(var(--f--filter--blur--l))
}
.f-about__item--button:is(:hover,:focus){
--aurora--opacity:25%
}
.f-about__item--button small{
display:block;
font-size:var(--a--font-size--s)
}
@media (min-width:1280px){
.f-about__item--contact{
grid-column:span 3
}
.f-about__item--contact:first-child{
grid-column:span 2
}

}
@media (min-width:768px) and (max-width:1279px){
.f-about__item--account{
grid-column:span 4
}
.f-about__item--account.f-about__item--l{
grid-column:span 6
}

}
@media (min-width:1280px){
.f-about__item--account,.f-about__item--account.f-about__item--l{
grid-column:span 2
}

}
@media (min-width:768px) and (max-width:1279px){
.f-about__item--cta{
grid-column:span 6
}

}
@media (min-width:1280px){
.f-about__item--cta{
grid-column:span 3
}

}
.f-about__item--socials{
padding:0
}
@media (min-width:768px){
.f-about__item--socials{
grid-column:3/span 6
}

}
@media (min-width:1280px){
.f-about__item--socials{
grid-column:1/span 4
}

}
.f-about__item--socials ul{
gap:var(--about--gap)
}
.f-about__item--socials li{
flex:1
}
.f-about__item--socials a{
min-height:4em;
backdrop-filter:blur(var(--f--filter--blur--s))
}
.f-about__item--nav{
display:flex;
justify-content:flex-end;
padding:var(--a--spacing--m) 0 0;
font-size:var(--a--font-size);
text-align:center
}
@media (min-width:768px){
.f-about__item--nav{
grid-column:span 10
}

}
@media (min-width:1280px){
.f-about__item--nav{
grid-column:span 6;
align-items:flex-end;
padding:0
}

}
.f-about__item--nav ul{
flex-direction:row;
flex-wrap:wrap
}
.f-about__item>.f-aurora__content{
display:flex;
flex-direction:column
}
.f-about__item>.f-badge{
margin-top:calc(var(--a--spacing--xxs) * -1)
}
.f-about__logo{
display:flex;
justify-content:center;
margin:0
}
.f-about__subtitle{
max-width:40ch;
margin-inline:auto;
font-size:var(--a--heading--font-size--h5--fluid);
font-weight:var(--a--font-weight);
line-height:var(--a--line-height--xs);
text-align:center
}
@media (min-width:1024px){
.f-about__logo{
justify-content:flex-start
}
.f-about__subtitle{
text-align:end
}

}
.f-about__contacts{
display:flex;
flex-direction:column;
gap:var(--a--spacing--m);
width:max-content;
margin:0 auto
}
@media (min-width:1280px){
.f-about__contacts{
flex-direction:row;
align-items:flex-start;
gap:var(--a--spacing--l);
margin:0
}

}
.f-about__contact{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:flex-start;
gap:var(--a--spacing--xs);
padding:var(--a--spacing--xxxs) 0;
text-align:start
}
.f-about__contact svg{
min-width:max-content;
margin-top:calc(var(--a--spacing--xxxs)/ 2 * -1);
color:var(--a--color--accent)
}
.f-about__contact ul{
padding:0;
margin:0;
list-style:none
}
.f-about__contact small{
display:block;
font-size:var(--a--font-size--xxs);
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing--xxl);
text-transform:uppercase;
text-wrap:balance;
opacity:.5
}
.f-about__contact h3{
margin:0;
font-size:var(--a--font-size--xl)
}
.f-about__contact--support{
padding:var(--a--spacing--s);
gap:var(--a--spacing--s);
flex-direction:column;
align-items:center
}
@media (min-width:1024px){
.f-about__contact--support{
flex-direction:row
}

}
.f-about__creds{
display:flex;
flex-direction:column;
justify-content:center;
gap:0;
text-align:center
}
@media (min-width:1024px){
.f-about__creds{
text-align:start
}

}
.f-about__creds a{
--link--color:var(--a--color--accent);
text-decoration-color:transparent
}
.f-about__creds a:is(:hover,:focus){
--link--color:var(--a--color);
text-decoration-color:currentColor
}
.f-about__logo a{
border-radius:var(--a--border--radius)
}
.f-about__name{
margin:0;
font-size:var(--a--font-size--xl)
}
.f-about__position{
opacity:.8;
font-size:var(--a--font-size--xs)
}
.f-about__registration{
max-width:40ch
}
@media print{
.f-footer,.f-header{
display:none
}
.f-main{
box-shadow:none
}

}
.f-notifications{
margin:calc(var(--a--spacing--xxs) * -1) 0
}
.f-notifications .f-notifications__empty{
display:none
}
.f-notifications.empty .f-notifications__empty{
display:block
}
.f-notification{
position:relative;
padding:var(--a--spacing--xs) 0
}
.f-notification:not(:last-of-type){
border-bottom:var(--a--border--width) solid rgba(var(--a--color-rgb),20%)
}
.f-notification h3{
font-family:var(--a--font-family--secondary);
font-size:var(--a--font-size);
font-weight:var(--a--font-weight)
}
.f-notification p{
margin:0;
text-wrap:balance
}
.f-notification__date{
font-size:var(--a--font-size--xxs);
line-height:1;
opacity:.6
}
.f-notification__view{
font-size:var(--a--font-size);
line-height:27px
}
.f-form--notification{
display:flex;
align-items:center;
gap:var(--a--spacing--xxs)
}
.f-notifications--off{
--off--width-max:80vw;
top:var(--a--spacing--xs);
height:auto;
max-height:calc(100vh - (var(--a--spacing--xs) * 2));
border-radius:calc(var(--off--dialog--radius)/ 2)
}
.f-notifications--off.active{
transform:translate3d(calc(var(--a--spacing--xs) * -1),0,0)
}
.f-notifications__empty{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--a--spacing--xs);
padding:var(--a--spacing--xs);
margin:0;
text-align:center;
color:var(--a--color--success);
background-color:transparent;
border:none;
box-shadow:none
}
.f-listings--plans{
--grid--columns:1;
--grid--column-min:min(280px, 100%)
}
@media (min-width:1024px){
.f-listings--plans{
--grid--columns:2;
--grid--third--column:1/3
}
.f-main--account-partnership .f-listings--plans-sprints{
--grid--columns:2
}

}
.f-listings--plans .f-plan:nth-child(3n){
grid-column:var(--grid--third--column,auto)
}
.f-plan{
--header--color:var(--a--color);
--line--color:none;
--line--gradient:none;
--gradient--angle:180deg;
--gradient--color--start:rgba(var(--a--color-rgb), 10%);
--gradient--color--end:rgba(var(--a--color-rgb), 0%);
--container--gradient-color--rgb:none;
padding:0;
justify-content:space-between;
text-align:center;
background-color:var(--a--color--background)
}
.f-plan--web-design{
--header--color:var(--f--color--web-design);
--line--color:var(--f--color--web-design);
--container--gradient-color--rgb:var(--f--color--web-design--rgb)
}
.f-plan--web-development{
--header--color:var(--f--color--web-development);
--line--color:var(--f--color--web-development);
--container--gradient-color--rgb:var(--f--color--web-development--rgb)
}
.f-plan--web-design-and-development{
--line--gradient:var(--f--gradient--web-design-and-development);
--container--gradient-color--rgb:var(--f--color--web-design-and-development--rgb)
}
.f-plan__container{
position:relative;
padding-top:var(--a--spacing--m);
padding-bottom:var(--a--spacing--l);
min-height:100%;
justify-content:space-between;
z-index:1;
background-image:linear-gradient(var(--gradient--angle),var(--gradient--color--start),25%,var(--gradient--color--end) 75%),radial-gradient(100% 75% at 50% 100%,rgba(var(--container--gradient-color--rgb),40%) 0,rgba(var(--container--gradient-color--rgb),0) 75%);
border-radius:inherit
}
.f-plan__container:before{
content:'';
position:absolute;
bottom:var(--a--spacing--xxs);
left:var(--a--spacing--xxs);
width:calc(100% - (var(--a--spacing--xxs) * 2));
height:var(--f--line--size);
pointer-events:none;
background-color:var(--line--color);
background-image:var(--line--gradient);
border-radius:var(--border-radius)
}
.f-plan__header{
--header--small--size:var(--a--font-size--xl);
--header--strong--size:var(--a--heading--font-size--h2--fluid);
position:relative
}
.f-plan__header small{
display:block;
font-size:var(--header--small--size);
font-weight:var(--a--heading--font-weight)
}
.f-plan__header strong{
font-size:var(--header--strong--size)
}
.f-plan__header :is(h3,h4){
line-height:var(--a--line-height--xxs);
--text-shadow-size:var(--a--spacing--xxl);
--text-shadow-color:rgba(var(--a--color--shadow-rgb), 10%);
text-shadow:0 calc(var(--text-shadow-size)/ 10) calc(var(--text-shadow-size)/ 10) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 8) calc(var(--text-shadow-size)/ 8) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 4) calc(var(--text-shadow-size)/ 4) var(--text-shadow-color)
}
.f-plan__header h4{
--header--small--size:var(--a--font-size--l);
--header--strong--size:var(--a--heading--font-size--h3--fluid)
}
.f-plan__footer{
margin-top:var(--a--spacing--s)
}
.f-plan__description{
margin:0
}
.f-plan__features{
display:flex;
flex-wrap:wrap;
flex-direction:column;
align-items:center;
justify-content:center;
padding:0;
margin:0;
list-style:none;
font-size:var(--a--font-size--xs);
color:rgba(var(--a--color-rgb),75%)
}
@media (min-width:768px){
.f-plan__features{
flex-direction:row
}

}
.f-plan__features li{
--badge--spacing--v:0;
--badge--spacing--h:var(--a--spacing--xxxs);
flex-direction:column;
gap:0;
user-select:auto;
text-align:center;
color:currentColor
}
@media (max-width:767px){
.f-process+.f-process{
padding-top:var(--a--spacing--l)
}
.f-plan__features li:before{
content:unset
}

}
@media (min-width:768px){
.f-plan__features li{
flex-direction:row;
gap:var(--a--spacing--xxs);
text-align:start
}

}
.f-plan__features li:first-child:before{
content:unset
}
.f-plan__background{
position:absolute;
top:0;
left:0;
width:178px;
height:180px;
z-index:0;
pointer-events:none;
mix-blend-mode:overlay
}
.f-plan__spots{
display:grid;
grid-template-columns:1fr auto 1fr;
width:100%;
gap:0;
padding:var(--a--spacing--m) 0 var(--a--spacing--xs)
}
.f-plan__spots:after,.f-plan__spots:before{
content:'';
align-self:center;
height:var(--a--border--width--1)
}
.f-plan__spots:before{
background-image:linear-gradient(to right,transparent,var(--badges--border-color,currentColor) 50%)
}
.f-plan__spots:after{
background-image:linear-gradient(to left,transparent,var(--badges--border-color,currentColor) 50%)
}
.f-plan__spots .f-badge{
background-color:transparent;
background-image:linear-gradient(177deg,rgba(var(--badge--color--rgb),10%),transparent)
}
.f-plan__actions{
margin-top:var(--a--spacing--xs)
}
.f-section--plans{
--section--spacing--inner:var(--a--spacing)
}
.f-section--plans .f-section__container:not(:last-child){
padding-bottom:0
}
.f-section--plans .f-section--sub{
padding-block-start:0
}
.f-section--plans .f-section--sub:not(:last-of-type){
padding-block-end:0
}
.f-section--quote .f-section__header p{
max-inline-size:none
}
.f-heading--projects{
--heading--spacing:var(--a--spacing--m)
}
.f-section--projects{
--section--spacing:var(--a--spacing--s)
}
.f-section--projects .f-section__footer{
margin-top:var(--a--spacing--m)
}
@media (min-width:1024px){
.f-main--account-partnership .f-listings--plans-sprints .f-plan:nth-child(3n){
grid-column:1/3
}
.f-plan__header{
--header--small--size:var(--a--heading--font-size--h6--fluid);
--header--strong--size:var(--a--heading--font-size--h1--fluid)
}
.f-heading--projects .f-heading__badge{
align-self:flex-end
}
.f-section--projects .f-section__footer{
margin-top:var(--a--spacing--l)
}

}
.f-section--projects-by-status .f-section__header h3{
font-size:var(--a--heading--font-size--h5--fluid)
}
.f-project--closed .f-progress--100:after{
display:none;
color:var(--a--color--background)
}
.f-project__status{
min-width:100px
}
.f-project__status .f-status:after,.f-project__status .f-status:before{
top:55%
}
.f-listing--project--closed .f-progress--100{
--progress--color:var(--f--progress--done)
}
.f-listing--project .f-project__type{
font-size:var(--a--font-size--s)
}
.f-listing--project .f-listing__description{
font-size:var(--a--font-size--s);
color:rgba(var(--a--color-rgb),75%)
}
.f-project__header{
position:relative
}
.f-project__header :is(h2,h3){
font-size:var(--a--heading--font-size--h3--fluid)
}
.f-project__header .f-icon{
position:absolute;
left:0;
top:50%;
transform:translate3d(calc((50% + var(--listing--spacing--h)) * -1),-50%,0);
border:var(--a--border--width) solid;
border-radius:var(--a--spacing);
z-index:var(--a--layer--3)
}
@media (min-width:1280px){
.f-listings--plans-sprints{
--grid--third--column:auto;
--grid--columns:3
}
.f-listing--project .f-listing__container{
padding-inline-start:var(--a--spacing--m)
}
.f-project__header .f-icon{
transform:translate3d(calc((50% + var(--a--spacing--m)) * -1),-50%,0)
}
.f-listings--works{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-template-rows:auto;
grid-auto-flow:dense
}

}
.f-project__header .f-icon--closed{
color:var(--f--status--closed);
border-color:rgba(var(--a--color-rgb),25%);
backdrop-filter:blur(var(--f--filter--blur))
}
.f-project__header .f-icon--stopped{
color:var(--f--status--stopped);
border-color:rgba(var(--a--color-rgb),25%);
backdrop-filter:blur(var(--f--filter--blur))
}
.f-single--project .f-content{
--content--spacing:var(--a--spacing--xxs)
}
.f-single--project .f-content h2{
--h--font-size:var(--a--heading--font-size--h4--fluid)
}
.f-project__section{
--section--spacing:var(--a--spacing--xxs)
}
.f-project--closed .f-progress--100{
--progress--color:var(--f--progress--done)
}
.f-form--project{
--fieldset--spacing--v:var(--a--spacing--l)
}
.f-form--project legend{
font-size:var(--a--heading--font-size--h3--fluid)
}
.f-form--project .f-content p{
--p--spacing:var(--a--spacing--xxs)
}
.f-form--project .f-field--checkbox{
padding:var(--a--spacing--s) var(--a--spacing--xs);
margin:0
}
.f-form--project .f-field--checkbox label{
font-weight:var(--a--label--font-weight)
}
.f-form--project .f-field--checkbox small{
margin-top:var(--a--spacing--xxs);
font-size:var(--a--font-size--xs);
font-weight:var(--a--font-weight);
opacity:60%
}
.f-section--project-assets{
--section--spacing:var(--a--spacing--xxs)
}
.f-section--project-assets .f-section__header h3{
font-size:var(--a--heading--font-size--h4--fluid)
}
.f-listing--asset{
--listing--spacing--v:var(--a--spacing--xxs);
--header--font-size:var(--a--font-size--l)
}
.f-listing--asset .f-listing__header{
margin:0
}
.f-listing--asset .f-listing__header h4{
font-weight:var(--a--font-weight);
letter-spacing:var(--a--letter-spacing)
}
.f-main--works{
padding-top:var(--a--spacing)
}
.f-listings--works{
--grid--column-min:min(580px, 100%);
gap:0
}
.f-listings--works .f-work:first-child{
--device--table-size--x:50%;
--device--table-position--x:100%
}
.f-listings--works .f-work:last-child{
--device--table-size--x:50%;
--device--table-position--x:0%
}
.f-work__terms{
display:flex;
flex-wrap:wrap;
align-items:flex-end;
gap:var(--a--border--width--xl);
padding:0;
margin:0;
list-style:none
}
.f-work__terms a{
text-decoration:none
}
.f-work__term{
min-width:16px;
min-height:var(--f--line--size);
font-size:var(--a--font-size--xs);
color:var(--a--color--contrast);
background-color:var(--a--color);
border-radius:var(--a--spacing);
border:none
}
.f-work__term--web-design{
background-color:var(--f--color--web-design)
}
.f-work__term--web-development{
background-color:var(--f--color--web-development)
}
.f-work__term--web-design-and-development{
position:relative;
min-width:32px;
background-color:transparent
}
.f-work__term--web-design-and-development:before{
content:'';
position:absolute;
inset:0;
z-index:-1;
background-image:var(--f--gradient--web-design-and-development);
border-radius:inherit
}
.f-work__term--type{
color:var(--a--color);
background-color:var(--a--color--background)
}
a.f-work__term:is(:hover,:focus){
color:var(--a--color--contrast);
background-color:var(--a--color)
}
a.f-work__term:focus-visible{
outline-color:var(--a--color)
}
.f-work--listing{
--device--scale:1;
--device--size:100%;
--work--spacing:var(--a--spacing--xxs);
--border--radius:calc(var(--device--border-radius) + (var(--work--spacing) / 2));
--header--font-size:var(--a--heading--font-size--h4--fluid);
--overlay--opacity:0;
position:relative;
display:flex;
min-height:100%;
flex-direction:column;
justify-content:flex-start;
gap:0;
padding:0;
border-radius:var(--border--radius)
}
@media (max-width:767px){
.f-work--listing{
--work--spacing:var(--a--border--width)
}
.f-work--single .f-single__device{
--container--spacing:0
}

}
@media (max-width:1023px){
.f-work--listing{
--device--rotate--x:0deg!important;
--device--rotate--y:0deg!important;
--device--rotate--z:0deg!important;
--work--spacing:var(--a--border--width--xl)
}
.f-work__buttons:empty{
display:none
}

}
.f-work--listing .f-listing__overlay{
z-index:0
}
.f-work--listing .f-listing__container{
justify-content:space-between;
padding:var(--a--spacing--s) var(--a--spacing--s) var(--a--spacing--m);
z-index:var(--a--layer--2);
text-align:center
}
.f-work--listing .f-device{
position:relative;
padding:var(--work--spacing) var(--work--spacing) 0;
margin:0;
overflow:visible;
pointer-events:none
}
.f-work--listing .f-device__case{
margin:0 auto;
max-width:calc(560px + (var(--device--border) * 2))
}
.f-work--listing:is(:hover,:focus-within){
--header--color:var(--a--color--accent);
--image--scale:1;
--overlay--opacity:1;
--overlay--delay:var(--f--listing--transition-delay);
--button--scale:1,1;
--button--delay:var(--f--listing--transition-delay)
}
.f-work--listing:is(:hover,:focus-within) .f-device{
--device--scale:1;
--device--delay:var(--f--listing--transition-delay);
--device--rotate--x:0deg;
--device--rotate--y:0deg;
--device--rotate--z:0deg;
--device--depth--scale:0.9
}
.f-work--listing:is(:hover,:focus-within) .f-device__case{
--box-shadow--size:calc(var(--a--spacing--xl) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 75%)
}
@media (min-width:1024px){
.f-work--listing{
--device--scale:0.9;
--work--spacing:var(--a--spacing--xs)
}
.f-work--listing:is(:hover,:focus-within) .f-device__case{
--box-shadow--size:var(--a--spacing--xl)
}

}
.f-work__description{
max-width:48ch;
text-wrap:balance
}
.f-work__years{
--badges--gap:var(--a--border--width)
}
.f-work--single{
--work--spacing:var(--a--spacing--xs);
--border--radius:var(--a--border--radius--xl);
--gradient--scale:1.5;
--device--scale:1;
--device--aspect-ratio:4/3;
--device--rotate--x:0deg;
--device--rotate--y:25deg;
--device--rotate--z:0deg;
--device--size:100%;
--device--depth--scale:1.005
}
.f-work--single .f-single__heading{
--heading--spacing:var(--a--spacing--xl);
position:relative;
overflow:hidden;
view-timeline:--single-heading
}
.f-work--single .f-single__heading .f-badges{
margin-bottom:calc(var(--a--spacing) * -1)
}
.f-work--single .f-single__description{
max-width:56ch;
margin-inline:auto
}
.f-work--single .f-single__device{
position:relative;
margin:var(--a--spacing) auto 0;
animation:linear both singleWorkDevice
}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference) and (max-width:1279px){
.f-listings--plans-sprints .f-plan:nth-child(3n){
transform:translateY(calc(var(--a--spacing--m)))
}

}
@media (prefers-reduced-motion:no-preference){
.f-main--account-partnership .f-listings--plans-sprints .f-plan:nth-child(3n){
transform:translateY(calc(var(--a--spacing--m)))
}

}
.f-work--single .f-single__device{
animation-timeline:--single-heading;
animation-range:entry -25% exit 100%
}

}
.f-work--single .f-single__device .f-device{
perspective:3200px;
background-image:none
}
.f-work--single .f-single__background{
--single--bg--mask:linear-gradient(to bottom, black 15%, transparent 50%, black 85%) border-box;
--box-shadow--size:var(--a--spacing--xxxl);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 25%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}
.f-work--single .f-single__background:not(.f-background--placeholder):before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
pointer-events:none;
touch-action:none;
backdrop-filter:blur(var(--f--filter--blur--xl));
-webkit-mask:var(--single--bg--mask);
-webkit-mask-composite:xor;
mask:var(--single--bg--mask);
mask-composite:subtract
}
.f-work--single .f-single__content{
margin-block:0
}
.f-work--single .f-single__buttons{
width:100%
}
@media (max-width:767px){
.f-work--single .f-single__button{
flex:1;
white-space:nowrap
}

}
.f-work--single .f-single__metas{
--meta--border-width:0;
--meta--border-spacing:0
}
.f-work--single .f-single__metas .f-metas{
display:grid;
grid-template-columns:max(160px,35%) auto;
align-items:start
}
@media (min-width:768px){
.f-work--single{
--device--aspect-ratio:16/9
}
.f-work--single .f-single__device .f-device{
width:calc(100% + (var(--device--border) * 2));
margin-inline:calc(var(--device--border) * -1)
}
.f-work--single .f-single__metas .f-metas{
grid-template-columns:max(160px,30%) 1fr 1fr
}

}
.f-work--single .f-single__metas .f-metas--col-1{
grid-template-columns:1fr
}
.f-work__content{
--single-content--spacing:var(--a--spacing--m);
padding:var(--single-content--spacing) 0 0;
background-image:var(--f--content--gradient);
border-radius:var(--f--layout--radius)
}
@media (min-width:768px){
.f-work__content{
--single-content--spacing:var(--a--spacing--l)
}

}
@media (min-width:1024px){
.f-work__content{
--single-content--spacing:var(--a--spacing--xl)
}

}
.f-work__content--empty{
padding:0;
background-image:none
}
.f-work__content .f-content:last-child{
padding-bottom:var(--single-content--spacing)
}
.f-work__buttons{
margin-bottom:var(--a--spacing--m)
}
@keyframes singleWorkDevice{
100%{
--device--rotate--x:0deg;
--device--rotate--y:0deg;
--device--rotate--z:0deg;
--device--depth--scale:1
}

}
.f-section--works{
--section--spacing:var(--a--spacing--xxs);
position:relative;
padding-bottom:var(--a--spacing--l);
z-index:var(--a--layer--3);
border-bottom-right-radius:var(--f--layout--radius);
border-bottom-left-radius:var(--f--layout--radius)
}
.f-carousel--works .f-carousel__container{
align-items:stretch
}
.f-carousel--works .f-device{
background-image:none
}
.f-listings--testimonials{
--grid--columns:1;
--grid--column-min:min(280px, 100%)
}
@media (min-width:1280px){
.f-work__content{
--single-content--spacing:var(--a--spacing--xxl)
}
.f-listings--testimonials{
--grid--columns:3
}

}
.f-listing--testimonial{
--listing--spacing--v:var(--a--spacing--m);
--listing--spacing--h:var(--a--spacing--m);
--listing--image--scale:1;
--listing--header--font-size:var(--a--heading--font-size--h6--fluid);
text-align:center
}
.f-listing--testimonial .f-listing__quote{
padding-inline:0;
margin:0;
text-wrap:balance
}
.f-listing--testimonial .f-listing__quote:before{
top:calc((var(--listing--spacing--v) + (var(--a--border--width--xl)/ 2)) * -1);
left:50%;
transform:translateX(-50%)
}
.f-listing--testimonial .f-listing__container{
height:100%;
justify-content:space-between
}
.f-listing--testimonial .f-listing__image{
max-width:80px
}
.f-listing--testimonial .f-listing__image img{
border-radius:40px
}
.f-listing--testimonial .f-listing__position{
font-size:var(--a--font-size--s);
color:var(--a--color--accent)
}
.f-listing--testimonial .f-listing__company{
font-size:var(--a--font-size--s)
}
.f-listing--testimonial:is(:hover,:focus-within){
--image-scale:1
}
.f-section--testimonials{
--section--spacing:var(--a--spacing--l)
}
.f-section--testimonials .f-section__container{
padding-inline:var(--a--container--spacing)
}
.f-listings--faqs:has(:hover,:focus,[open]) .f-faq:not(:hover,:focus,[open]){
opacity:80%
}
.f-faq{
--listing--border-radius:var(--a--border--radius--l);
--p--spacing:var(--a--spacing--s);
--content--spacing:0px;
--border--angle:175deg;
margin:0;
background-image:linear-gradient(to bottom,rgba(var(--a--color-rgb),10%),rgba(var(--a--color--background-rgb),0%)),radial-gradient(100% 100% at 50% 100%,rgba(var(--a--color-rgb),20%) 0,rgba(var(--a--color-rgb),0) 75%);
background-size:100% 100%,100% 100%;
--box-shadow--size:calc(var(--a--spacing--xs) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 10%);
box-shadow:0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
transition-property:color,box-shadow,opacity,grid-template-rows;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-faq summary{
position:relative;
border-radius:inherit;
transition-property:color,outline;
transition-duration:var(--a--transition--duration, .25s);
transition-timing-function:var(--a--transition--timing-function,ease-in-out)
}
.f-faq summary::marker{
content:'';
display:none
}
.f-faq summary ::-webkit-details-marker{
display:none
}
.f-faq summary:is(:hover,:focus){
--summary--color:var(--a--color--accent)
}
.f-faq summary:is(:focus-visible){
outline-color:currentColor
}
.f-faq:is(:hover,:focus-within){
--box-shadow--size:calc(var(--a--spacing--s) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 20%)
}
@media (min-width:1024px){
.f-work__buttons{
order:2;
margin:0
}
.f-faq{
--box-shadow--size:var(--a--spacing--xs);
--content--spacing:var(--a--spacing--xs)
}
.f-faq summary{
font-size:var(--a--font-size--xxl)
}
.f-faq:is(:hover,:focus-within){
--box-shadow--size:var(--a--spacing--s)
}

}
.f-faq:is([open]){
--summary--color:var(--a--color--accent);
background-size:100% 150%,100% 100%;
--box-shadow--size:calc(var(--a--spacing--l) / 4 * 3);
--box-shadow--color:rgba(var(--a--color--shadow-rgb), 30%)
}
.f-faq:is([open]) .f-faq__content{
content-visibility:visible
}
.f-faq .f-faq__content{
padding:var(--content--spacing);
content-visibility:hidden
}
.f-faq .f-faq__content .f-content>:last-child{
margin-bottom:0
}
.f-faq .f-faq__content .f-gallery{
margin:0 calc((var(--content--spacing) + var(--details--spacing--h,var(--a--spacing--s))) * -1);
overflow:hidden
}
.f-faq .f-faq__content .f-gallery__controls{
padding-inline:var(--content--spacing)
}
.f-faq .f-faq__image{
width:calc(100% + (var(--content--spacing) * 2));
margin:0 calc(var(--content--spacing) * -1)
}
.f-faq .f-faq__image img{
border-radius:var(--content--spacing)
}
.f-faq--single:not(:last-child){
margin-bottom:var(--a--spacing--m)
}
@media (min-width:1024px){
.f-faq:is([open]){
--box-shadow--size:var(--a--spacing--l)
}
.f-faq--single:not(:last-child){
margin-bottom:var(--a--spacing--xl)
}

}
.f-section--faqs{
overflow-x:clip
}
.f-summary{
margin-bottom:var(--a--spacing)
}
.f-summary__item{
padding:0;
margin-bottom:var(--a--spacing)
}
.f-summary__item header{
margin-bottom:var(--a--spacing--xs)
}
.f-summary__item h3{
margin-bottom:var(--a--spacing--xxs);
padding-bottom:var(--a--spacing--xxs);
color:var(--a--color--accent);
border-bottom:var(--a--border--width--1) solid rgba(var(--a--color-rgb),.2)
}
.f-summary__item h4{
--spacing-top:var(--a--spacing--xs);
--spacing-bottom:var(--a--spacing--xxs);
font-size:var(--a--heading--font-size--h6--fluid)
}
.f-summary__item ul{
list-style-position:inside;
padding:0 0 0 2px;
margin:0
}
.f-summary__label{
text-align:right
}
.f-off--contact{
content-visibility:hidden
}
.f-off--contact .f-form__note{
text-align:center
}
.f-off--contact .f-form{
max-width:min(100%,35rem)
}
.f-off--contact blockquote{
padding:0;
margin:0;
text-align:inherit
}
.f-off--contact blockquote:before{
display:none
}
.f-off--contact.active{
content-visibility:auto
}