.radius-mini { border-radius: var(--radius-mini); } .radius-med { border-radius: var(--radius-med); } .radius-large { border-radius: var(--radius-large); } .radius-full { border-radius: var(--radius-full); } .radius-circle { border-radius: 50%; } .padding-10 { padding: var(--space-10); } .padding-15 { padding: var(--space-15); } .padding-20 { padding: var(--space-20); } .padding-25 { padding: var(--space-25); } .padding-30 { padding: var(--space-30); } .padding-35 { padding: var(--space-35); } .padding-50 { padding: var(--space-50); } .padding-80 { padding: var(--space-80); } .padding-100 { padding: var(--space-100); } .padding-150 { padding: var(--space-150); } .padding-10v { padding-left: var(--space-10); padding-right: var(--space-10); } .padding-15v { padding-left: var(--space-15); padding-right: var(--space-15); } .padding-20v { padding-left: var(--space-20); padding-right: var(--space-20); } .padding-25v { padding-left: var(--space-25); padding-right: var(--space-25); } .padding-30v { padding-left: var(--space-30); padding-right: var(--space-30); } .padding-35v { padding-left: var(--space-35); padding-right: var(--space-35); } .padding-50v { padding-left: var(--space-50); padding-right: var(--space-50); } .padding-80v { padding-left: var(--space-80); padding-right: var(--space-80); } .padding-100v { padding-left: var(--space-100); padding-right: var(--space-100); } .padding-150v { padding-left: var(--space-150); padding-right: var(--space-150); } .padding-10h { padding-top: var(--space-10); padding-bottom: var(--space-10); } .padding-15h { padding-top: var(--space-15); padding-bottom: var(--space-15); } .padding-20h { padding-top: var(--space-20); padding-bottom: var(--space-20); } .padding-25h { padding-top: var(--space-25); padding-bottom: var(--space-25); } .padding-30h { padding-top: var(--space-30); padding-bottom: var(--space-30); } .padding-35h { padding-top: var(--space-35); padding-bottom: var(--space-35); } .padding-50h { padding-top: var(--space-50); padding-bottom: var(--space-50); } .padding-80h { padding-top: var(--space-80); padding-bottom: var(--space-80); } .padding-100h { padding-top: var(--space-100); padding-bottom: var(--space-100); } .padding-150h { padding-top: var(--space-150); padding-bottom: var(--space-150); } .padding-auto { padding: auto; } .padding-auto-v { padding: 0 auto; } .padding-auto-h { padding: auto 0; } .margin-10 { margin: var(--space-10); } .margin-15 { margin: var(--space-15); } .margin-20 { margin: var(--space-20); } .margin-25 { margin: var(--space-25); } .margin-30 { margin: var(--space-30); } .margin-35 { margin: var(--space-35); } .margin-50 { margin: var(--space-50); } .margin-80 { margin: var(--space-80); } .margin-100 { margin: var(--space-100); } .margin-150 { margin: var(--space-150); } .margin-10v { margin: 0 var(--space-10); } .margin-15v { margin: 0 var(--space-15); } .margin-20v { margin: 0 var(--space-20); } .margin-25v { margin: 0 var(--space-25); } .margin-30v { margin: 0 var(--space-30); } .margin-35v { margin: 0 var(--space-35); } .margin-50v { margin: 0 var(--space-50); } .margin-80v { margin: 0 var(--space-80); } .margin-100v { margin: 0 var(--space-100); } .margin-150v { margin: 0 var(--space-150); } .margin-10h { margin: var(--space-10) 0; } .margin-15h { margin: var(--space-15) 0; } .margin-20h { margin: var(--space-20) 0; } .margin-25h { margin: var(--space-25) 0; } .margin-30h { margin: var(--space-30) 0; } .margin-35h { margin: var(--space-35) 0; } .margin-50h { margin: var(--space-50) 0; } .margin-80h { margin: var(--space-80) 0; } .margin-100h { margin: var(--space-100) 0; } .margin-150h { margin: var(--space-150) 0; } .margin-auto { margin: auto; } .margin-auto-v { margin: 0 auto; } .margin-auto-h { margin: auto 0; } .border-dark-1 { border-color: var(--color-grey-1); } .border-dark-2 { border-color: var(--color-black); } .border-light-1 { border-color: var(--color-grey-2); } .border-light-2 { border-color: var(--color-white); } .bg-dark-1 { background-color: var(--color-1d); } .bg-dark-2 { background-color: var(--color-2d); } .bg-light-1 { background-color: var(--color-1l); } .bg-light-2 { background-color: var(--color-2l); } .bg-white { background-color: var(--color-white); } .bg-black { background-color: var(--color-black); } .bg-grey-dark { background-color: var(--color-grey-1); } .bg-grey-light { background-color: var(--color-grey-2); } .bg-gradient-dark-1 { background-image: var(--gradient-dark-1); } .bg-gradient-dark-2 { background: #c969e5; background-image: radial-gradient(at 12.3% 22.3%, hsl(277, 98%, 34%) 0px, transparent 50%),radial-gradient(at -1.0% 99.5%, #b56d59 0px, transparent 50%),radial-gradient(at 100.7% 5.3%, hsl(311, 70%, 65%) 0px, transparent 50%); } .bg-gradient-light-1 { background-image: var(--gradient-light-1); } .bg-gradient-light-2 { background-size: 100% 150%; background-position: 0px 0px,0px 0px,0px 0px; background-image: repeating-radial-gradient(88% 99% at 80% 80%, #f5f5f5 56%, #073AFF00 99%),repeating-radial-gradient(88% 99% at 9% 8%, #f1f1f1 44%, #073AFF00 86%),radial-gradient(160% 154% at 711px -303px, #FFFFFFFF 0%, #FFFFFFFF 100%); } @media (max-width: 767px) { .bg-gradient-light-2 { background-size: 200% 100%; } } .shadow-01 { box-shadow: var(--shadow-01); } .shadow-02 { box-shadow: var(--shadow-02); } .shadow-03 { box-shadow: var(--shadow-03); } .shadow-04 { box-shadow: var(--shadow-04); } .text-color-1 { color: var(--color-1); } .text-color-1d { color: var(--color-1d); } .text-color-1l { color: var(--color-1l); } .text-color-2 { color: var(--color-3); } .text-color-2d { color: var(--color-3d); } .text-color-2l { color: var(--color-3l); } .text-color-3 { color: var(--color-3); } .text-color-3d { color: var(--color-3d); } .text-color-3l { color: var(--color-3l); } .text-color-white { color: var(--color-white); } .text-color-black { color: var(--color-black); } .text-color-grey-1 { color: var(--color-grey-1); } .text-color-grey-1d { color: var(--color-grey-1d); } .text-color-grey-1l { color: var(--color-grey-1l); } .text-color-grey-2 { color: var(--color-grey-2); } .text-color-grey-2d { color: var(--color-grey-2d); } .text-color-grey-2l { color: var(--color-grey-2l); } .text-color-info-error { color: var(--color-error); } .text-color-info-success { color: var(--color-success); } .text-color-info-important { color: var(--color-important); } .text-number-1 { font-size: var(--text-number-1); line-height: 1.3; } .text-xxs { font-size: var(--text-xxs); line-height: 1.1; } .text-xs { font-size: var(--text-xs); line-height: 1.2; } .text-s { font-size: var(--text-s); line-height: 1.3; } .text-m { font-size: var(--text-m); line-height: 1.5; } .text-l { font-size: var(--text-l); line-height: 1.7; } .text-xl { font-size: var(--text-xl); line-height: 1.7; } .text-xxl { font-size: var(--text-xxl); line-height: 1.7; } .text-italic { font-style: italic; } .text-bold { font-weight: bold; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-underline { -webkit-text-decoration: underline; text-decoration: underline; } .text-font-100 { font-weight: 100; } .text-font-300 { font-weight: 300; } .text-font-400 { font-weight: 400; } .text-font-500 { font-weight: 500; } .text-font-600 { font-weight: 600; } .text-font-700 { font-weight: 700; } .text-font-800 { font-weight: 800; } .text-font-900 { font-weight: 900; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } small { font-size: 0.5em; } .width-100 { width: 100%; } .width-90 { width: 90%; } .width-80 { width: 80%; } .width-70 { width: 70%; } .width-60 { width: 60%; } .width-50 { width: 50%; } .width-40 { width: 40%; } .width-30 { width: 30%; } .width-20 { width: 20%; } .width-10 { width: 10%; } .height-100 { height: 100%; } .height-50 { height: 50%; } .screen-width { width: 100vw; } .screen-height { height: 100vh; } .auto-width { width: auto; } .auto-height { height: auto; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } .aspect-1 { aspect-ratio: 1; } .aspect-4-3 { aspect-ratio: 4 / 3; } .aspect-3-4 { aspect-ratio: 3 / 4; } .aspect-3-2 { aspect-ratio: 3 / 2; } .aspect-2-3 { aspect-ratio: 2 / 3; } .aspect-16-9 { aspect-ratio: 16 / 9; } .aspect-9-16 { aspect-ratio: 9 / 16; } .fit-contain { object-fit: contain; } .fit-cover { object-fit: cover; } .fit-fill { object-fit: fill; } .grayscale { filter: grayscale(1); } .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .display-none { display: none; } .visible { visibility: visible; } .hidden { visibility: hidden; } .overflow-hidden { overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .list-none { list-style-type: none; } .white-space-nowrap { white-space: nowrap; } .transition-global { transition: all 0.3s; } .relative { position: relative; } .absolute { position: absolute; } .sticky { position: sticky; } .fixed { position: fixed; } .inset-0 { inset: 0; } .bottom-0 { bottom: 0; } .top-0 { top: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .pointer { cursor: pointer; } .not-allowed { cursor: not-allowed; } .cursor-auto { cursor: auto; } .no-pointer-events { pointer-events: none; } .z--1 { z-index: -1; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-100 { z-index: 100; } .z-1000 { z-index: 1000; } .z-10000 { z-index: 10000; } .bricks-mobile-menu-wrapper { padding-top: 100px !important; }