:root {--ol-min-screen-width: 320px;--ol-max-screen-width: 1366px;--ol-primary: rgba(61,68,255,1);--ol-secondary: #fa6161;--ol-tertiary: #26a7df;--ol-bg-body: rgba(255,255,255,1);--ol-bg-surface: rgba(222,222,222,1);--ol-text-body: rgba(34,34,34,1);--ol-text-title: rgba(0,0,0,1);--ol-white: rgba(255,255,255,1);--ol-grey-1: rgba(222,222,222,1);--ol-grey-2: rgba(204,204,204,1);--ol-grey-3: rgba(153,153,153,1);--ol-black: rgba(0,0,0,1);--ol-black-5: rgba(0,0,0,0.05);--ol-black-10: rgba(0,0,0,0.1);--ol-black-20: rgba(0,0,0,0.2);--ol-black-30: rgba(0,0,0,0.3);--ol-black-40: rgba(0,0,0,0.4);--ol-black-50: rgba(0,0,0,0.5);--ol-black-60: rgba(0,0,0,0.6);--ol-black-70: rgba(0,0,0,0.7);--ol-black-80: rgba(0,0,0,0.8);--ol-black-90: rgba(0,0,0,0.9);--ol-shadow-primary: rgba(61,68,255,1);--ol-success: rgba(36,249,93,1);--ol-error: rgba(249,36,68,1);--ol-space-4xs: clamp(0.28rem,calc(0.2vw + 0.22rem),0.49rem);--ol-space-3xs: clamp(0.4rem,calc(0.29vw + 0.31rem),0.7rem);--ol-space-2xs: clamp(0.57rem,calc(0.41vw + 0.44rem),0.99rem);--ol-space-xs: clamp(0.8rem,calc(0.57vw + 0.62rem),1.4rem);--ol-space-s: clamp(1.13rem,calc(0.81vw + 0.87rem),1.98rem);--ol-space-m: clamp(1.6rem,calc(1.15vw + 1.23rem),2.8rem);--ol-space-l: clamp(2.26rem,calc(1.62vw + 1.74rem),3.96rem);--ol-space-xl: clamp(3.2rem,calc(2.29vw + 2.46rem),5.6rem);--ol-space-2xl: clamp(4.52rem,calc(3.24vw + 3.49rem),7.92rem);--ol-space-3xl: clamp(6.4rem,calc(4.59vw + 4.93rem),11.19rem);--ol-space-4xl: clamp(9.04rem,calc(6.48vw + 6.97rem),15.83rem);--ol-text-xs: clamp(1.11rem,calc(0.13vw + 1.07rem),1.25rem);--ol-text-s: clamp(1.33rem,calc(0.16vw + 1.28rem),1.5rem);--ol-text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--ol-text-l: clamp(1.92rem,calc(0.23vw + 1.85rem),2.16rem);--ol-text-xl: clamp(2.3rem,calc(0.28vw + 2.22rem),2.59rem);--ol-text-2xl: clamp(2.76rem,calc(0.33vw + 2.66rem),3.11rem);--ol-text-3xl: clamp(3.32rem,calc(0.4vw + 3.19rem),3.73rem);--ol-text-4xl: clamp(3.98rem,calc(0.48vw + 3.83rem),4.48rem);--ol-icon-4xs: clamp(1.31rem,calc(0.31vw + 1.21rem),1.64rem);--ol-icon-3xs: clamp(1.64rem,calc(0.39vw + 1.51rem),2.05rem);--ol-icon-2xs: clamp(2.05rem,calc(0.49vw + 1.89rem),2.56rem);--ol-icon-xs: clamp(2.56rem,calc(0.61vw + 2.36rem),3.2rem);--ol-icon-s: clamp(3.2rem,calc(0.76vw + 2.96rem),4rem);--ol-icon-m: clamp(4rem,calc(0.96vw + 3.69rem),5rem);--ol-icon-l: clamp(5rem,calc(1.2vw + 4.62rem),6.25rem);--ol-icon-xl: clamp(6.25rem,calc(1.49vw + 5.77rem),7.81rem);--ol-icon-2xl: clamp(7.81rem,calc(1.87vw + 7.22rem),9.77rem);--ol-icon-3xl: clamp(9.77rem,calc(2.33vw + 9.02rem),12.21rem);--ol-icon-4xl: clamp(12.21rem,calc(2.92vw + 11.27rem),15.26rem);--ol-hero-title-size: var(--ol-text-4xl);--ol-post-title-size: var(--ol-text-2xl);--ol-nav-link-size: var(--ol-text-s);--ol-header-space: var(--ol-space-s);--ol-btn-space: var(--ol-space-xs) var(--ol-space-s);--ol-card-space: var(--ol-space-s);--ol-footer-space: var(--ol-space-s) var(--ol-space-m);--ol-space-0: 0;--ol-columns-1: repeat(1,minmax(0,1fr));--ol-columns-2: repeat(2,minmax(0,1fr));--ol-columns-3: repeat(3,minmax(0,1fr));--ol-columns-4: repeat(4,minmax(0,1fr));--ol-columns-5: repeat(5,minmax(0,1fr));--ol-columns-6: repeat(6,minmax(0,1fr));--ol-columns-7: repeat(7,minmax(0,1fr));--ol-columns-8: repeat(8,minmax(0,1fr));--ol-radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--ol-radius-s: clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--ol-radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--ol-radius-l: clamp(1.6rem,calc(0.38vw + 1.48rem),2rem);--ol-radius-xl: clamp(2.6rem,calc(0.57vw + 2.42rem),3.2rem);--ol-radius-full: 999rem;--ol-shadow-xs: 0 1px 2px var(--ol-shadow-primary);--ol-shadow-s: 0 1.5px 3px var(--ol-shadow-primary);--ol-shadow-m: 0 2px 6px var(--ol-shadow-primary);--ol-shadow-l: 0 3px 12px var(--ol-shadow-primary);--ol-shadow-xl: 0 6px 48px var(--ol-shadow-primary);}