:root { --text-xs: clamp(1.26rem, -0.01vw + 1.27rem, 1.25rem); --text-s: clamp(1.42rem, 0.08vw + 1.4rem, 1.5rem); --text-m: clamp(1.6rem, 0.21vw + 1.53rem, 1.8rem); --text-l: clamp(1.8rem, 0.37vw + 1.68rem, 2.16rem); --text-xl: clamp(2.02rem, 0.59vw + 1.84rem, 2.59rem); --h-6: clamp(1.6rem, 0.34vw + 1.46rem, 1.9rem); --h-5: clamp(1.92rem, 0.41vw + 1.76rem, 2.28rem); --h-4: clamp(2.3rem, 0.49vw + 2.11rem, 2.74rem); --h-3: clamp(2.76rem, 0.59vw + 2.53rem, 3.28rem); --h-2: clamp(3.32rem, 0.71vw + 3.03rem, 3.94rem); --h-1: clamp(3.98rem, 0.85vw + 3.64rem, 4.73rem); } .text-xs { font-size: var(--text-xs) !important; } .text-s { font-size: var(--text-s) !important; } .text-m { font-size: var(--text-m) !important; } .text-l { font-size: var(--text-l) !important; } .text-xl { font-size: var(--text-xl) !important; } .h1 { font-size: var(--h-1) !important; } .h2 { font-size: var(--h-2) !important; } .h3 { font-size: var(--h-3) !important; } .h4 { font-size: var(--h-4) !important; } .h5 { font-size: var(--h-5) !important; } .h6 { font-size: var(--h-6) !important; } @keyframes fadeDown { from { opacity: 0; transform: translate3d(0,-50px,0) } to { opacity: 1; transform: none } } .brx-animate-fadeInDown { animation-name: fadeDown !important; } @keyframes fadeLeft { from { opacity: 0; transform: translate3d(-50px,0,0) } to { opacity: 1; transform: none } } .brx-animate-fadeInLeft { animation-name: fadeLeft !important; } @keyframes fadeRight { from { opacity: 0; transform: translate3d(50px,0,0) } to { opacity: 1; transform: none } } .brx-animate-fadeInRight { animation-name: fadeRight !important; } @keyframes fadeUp { from { opacity: 0; transform: translate3d(0,50px,0) } to { opacity: 1; transform: none } } .brx-animate-fadeInUp { animation-name: fadeUp !important; } @keyframes zoom { from { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } } .brx-animate-zoomIn { animation-name: zoom !important; }