.default-width,main{max-width:1200px;margin:0 auto;width:100%}.text-custom-ring{position:relative}.text-custom-ring [style*=--index]{--character-width: 3.1;--font-size: 1.1;--inner-angle: calc((360 / var(--total)) * 1deg);--radius: calc((var(--character-width, 1) / sin(var(--inner-angle))) * -1ch);text-transform:uppercase;font-size:calc(var(--font-size, 2) * 1rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(calc(var(--inner-angle) * var(--index))) translateY(var(--radius, -5ch))}@media (max-width: 500px){.text-custom-ring [style*=--index]{--character-width: 2.2;--font-size: .9}}.text-custom-highlight{color:#fff;background-color:#fff;text-shadow:-1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF}main{display:flex}