@layer components{:root{--pillars-direction:column;--pillars-gap:2rem;--pillars-icon-width:20px;--pillars-border-width:10px;--pillars-border-opacity:0.5;--pillars-circle-radius:400px;--pillars-circle-diameter:calc(var(--pillars-circle-radius)*2);--pillars-items-count:5;--pillars-items-gap:2rem;--pillars-items-angle:calc(360deg/var(--pillars-items-count));--pillars-items-margin-top:calc(var(--pillars-circle-radius)*0);--pillars-items-margin-bottom:calc(var(--pillars-circle-radius)*0.1);--pillars-item-offset:calc(var(--pillars-circle-radius)/2);--pillars-item-padding:2rem;--pillars-item-gap:1rem;--pillars-item-icon-padding:1.25rem}@media screen and (min-width:640px){:root{--pillars-icon-width:28px;--pillars-item-gap:1rem;--pillars-item-icon-padding:1.5rem}}@media screen and (min-width:1024px){:root{--pillars-border-width:20px;--pillars-gap:4rem;--pillars-item-icon-padding:2rem}}@media screen and (min-width:1400px){:root{--pillars-items-margin-bottom:calc(var(--pillars-circle-radius)*0.25);--pillars-item-gap:2rem;--pillars-items-margin-bottom:calc(var(--pillars-circle-radius)*0.5)}}.pillars-wrapper{--pillars-color-medium:var(--color-primary-500);--pillars-color-dark:var(--color-primary-800);align-items:center;display:flex;flex-direction:column;gap:var(--pillars-gap);justify-content:center;.color-scheme-medium &{--pillars-color-medium:var(--color-primary-200);--pillars-color-dark:var(--color-primary-800);--pillars-border-opacity:0.4}.color-scheme-black &,.color-scheme-dark &,.color-scheme-dark-light &{--pillars-color-medium:var(--color-primary-200);--pillars-color-dark:var(--color-primary-500);--pillars-border-opacity:0.1}}.pillars-text{margin-left:auto;margin-right:auto;max-width:var(--maxwidth-md);position:relative;&:before{background:linear-gradient(to bottom,var(--section-background) 90%,transparent);content:"";display:block;inset:0;bottom:calc(var(--padding-y)*-1);position:absolute;top:calc(var(--padding-y)*-1);z-index:-1;@media screen and (min-width:1024px){display:none}}}.pillars-items{--pillars-before-adjustment:0px;align-items:stretch;display:flex;flex-direction:column;gap:var(--pillars-items-gap);justify-content:center;width:100%;&:before{background:linear-gradient(0deg,var(--pillars-color-medium),transparent);border:var(--pillars-border-width) solid var(--pillars-color-medium);bottom:0;content:"";display:block;height:100%;left:calc(var(--padding-x) + var(--pillars-item-icon-padding) + var(--pillars-before-adjustment));opacity:var(--pillars-border-opacity);position:absolute;top:0;width:var(--pillars-border-width);z-index:-2}@media screen and (min-width:640px){--pillars-before-adjustment:4px}@media screen and (min-width:1024px){align-items:center;height:var(--pillars-circle-diameter);margin-bottom:var(--pillars-items-margin-bottom);margin-top:var(--pillars-items-margin-top);position:relative;width:var(--pillars-circle-diameter);&:before{animation:rotate 8s linear infinite;background:conic-gradient(transparent 0deg,var(--pillars-color-medium) 10deg 200deg,transparent 1turn) border-box;border:var(--pillars-border-width) solid transparent;border-radius:100%;inset:0;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;width:100%}}}.pillars-heart{animation:pulse .8s ease-in-out infinite alternate;color:var(--pillars-color-medium);display:none;@media screen and (min-width:1024px){display:flex}}.pillars-item{--pillars-flex:flex-start;align-items:flex-start;display:flex;gap:var(--pillars-item-gap);position:relative;@media screen and (min-width:1024px){--pillars-circle-angle:calc(var(--pillars-items-angle)*var(--item-index) - 198deg);--pillars-item-position-radius:calc(var(--pillars-circle-radius) + var(--pillars-item-offset)*var(--pillars-item-offset-modifier));--pillars-item-x:-50%;--pillars-item-y:-50%;left:50%;min-width:var(--pillars-circle-radius);position:absolute;top:50%;transform:translate(var(--pillars-item-x),var(--pillars-item-y)) translateX(calc(cos(var(--pillars-circle-angle))*var(--pillars-item-position-radius))) translateY(calc(sin(var(--pillars-circle-angle))*var(--pillars-item-position-radius)));&[data-index="1"]{--item-index:1};&[data-index="2"]{--item-index:2};&[data-index="3"]{--item-index:3};&[data-index="4"]{--item-index:4};&[data-index="5"]{--item-index:5};&[data-index="1"]{--pillars-item-offset:-85px;--pillars-item-offset-modifier:3;--pillars-item-x:-100%;--pillars-item-y:-100%;--pillars-flex:flex-end;flex-direction:row-reverse;text-align:right;@media screen and (min-width:1200px){--pillars-item-offset-modifier:2}@media screen and (min-width:1400px){--pillars-item-offset-modifier:1}}&[data-index="2"]{--pillars-item-offset:-85px;--pillars-item-offset-modifier:3;--pillars-item-x:0%;--pillars-item-y:-100%;@media screen and (min-width:1200px){--pillars-item-offset-modifier:2}@media screen and (min-width:1400px){--pillars-item-offset-modifier:1}}&[data-index="3"]{--pillars-item-offset:-45px;--pillars-item-offset-modifier:7;--pillars-item-x:0%;--pillars-item-y:-70%;@media screen and (min-width:1200px){--pillars-item-y:-40%;--pillars-item-offset-modifier:5}@media screen and (min-width:1400px){--pillars-item-y:-70%;--pillars-item-offset-modifier:1}}&[data-index="4"]{--pillars-item-offset:-65px;--pillars-item-offset-modifier:4;--pillars-item-x:-50%;--pillars-item-y:0%;--pillars-flex:center;align-items:center;flex-direction:column;gap:calc(var(--pillars-item-gap)/2);text-align:center;@media screen and (min-width:1200px){--pillars-item-offset-modifier:3}@media screen and (min-width:1400px){--pillars-item-offset-modifier:1}}&[data-index="5"]{--pillars-item-offset:-45px;--pillars-item-offset-modifier:7;--pillars-item-x:-100%;--pillars-item-y:-70%;--pillars-flex:flex-end;flex-direction:row-reverse;text-align:right;@media screen and (min-width:1200px){--pillars-item-y:-40%;--pillars-item-offset-modifier:5}@media screen and (min-width:1400px){--pillars-item-y:-70%;--pillars-item-offset-modifier:1}}}}.pillars-item-link{--link-color:var(--text-color);--link-color-hover:var(--text-color);align-items:var(--pillars-flex);display:flex;flex-direction:column;text-decoration:none!important}.pillars-item-icon{--icon-color:var(--pillars-color-dark);aspect-ratio:1;background:var(--color-white);border-radius:999px;box-shadow:var(--shadow-small);padding:var(--pillars-item-icon-padding);position:relative;& svg{min-width:var(--pillars-icon-width);width:100%}}.pillars-item-content{position:relative;& h5{margin-bottom:.25rem!important}& p{margin-bottom:.75rem!important}}}