:root{  --bg: hsl(216, 33%, 97%); --main:hsl(200, 100%, 40%); --dark:hsl(200, 100%, 30%); --darker:hsl(200, 100%, 17%); --light:hsl(216, 100%, 93%); --lighter:hsl(216, 100%, 96%); --accent:hsl(0, 54%, 55%); --text: hsl(0, 0%, 10%); --text-light: hsl(0, 0%, 20%);   --text-xs: clamp(1.26rem, -0.01vw + 1.27rem, 1.25rem); --text-s: clamp(1.45rem, 0.08vw + 1.4rem, 1.6rem); --text-m: clamp(1.7rem, 0.19vw + 1.64rem, 1.9rem); --text-l: clamp(1.8rem, 0.37vw + 1.68rem, 2.16rem); --text-xl: clamp(2.02rem, 0.59vw + 1.84rem, 2.59rem);    --h6: clamp(1.28rem, -0.04vw + 1.29rem, 1.24rem); --h5: clamp(1.6rem, 0.05vw + 1.58rem, 1.65rem); --h4: clamp(2rem, 0.21vw + 1.93rem, 2.2rem); --h3: clamp(2.4rem, 0.45vw + 2.36rem, 2.93rem); --h2: clamp(3.2rem, 0.82vw + 2.86rem, 3.91rem); --h1: clamp(4rem, 1.36vw + 3.47rem, 5.21rem); --h-title: clamp(4.88rem, 2.15vw + 4.2rem, 6.95rem);  --space-xs: clamp(0.6rem, 0.50920rem + 0.22698vw, 0.8rem); --space-sm: clamp(0.9rem, 0.71800rem + 0.455vw, 1.3rem); --space-md: clamp(1.3rem, 0.98200rem + 0.795vw, 2rem); --space-lg: clamp(1.8rem, 1.30000rem + 1.25vw, 2.9rem); --space-xl: clamp(2.4rem, 1.67280rem + 1.818vw, 4rem); --space-2xl: clamp(3.1rem, 2.10000rem + 2.5vw, 5.3rem); --space-3xl: clamp(3.8rem, 2.43640rem + 3.403vw, 6.8rem); --space-4xl: clamp(4.6rem, 2.82720rem + 4.4315vw, 8.5rem); --space-5xl: clamp(5.6rem, 3.41800rem + 5.455vw, 10.4rem); --space-6xl: clamp(7rem, 3.36360rem + 9.0911vw, 15rem); --space-7xl: clamp(12rem, 3.00000rem + 12.5vw, 19rem);   --min-col-width: 38rem; }  html { font-family: system-ui, sans-serif; font-weight: normal; line-height:1.7; font-size:62.5%; }   .text-xl { font-size: var(--text-xl); line-height: 1.4; } .text-l { font-size: var(--text-l); line-height: 1.5; } .text-m { font-size: var(--text-m); line-height: 1.5; } .text-s { font-size: var(--text-s); line-height: 1.6; } .text-xs { font-size: var(--text-xs); line-height: 1.7; }   h1,h2,h3,h4,h5,h6 { font-weight: 600; text-wrap:unset; text-wrap:balance; } .h-title { font-size: var(--h-title); line-height: 1.05; } h1, .h1 { font-size: var(--h1); line-height: 1.1; } h2, .h2 { font-size: var(--h2); line-height: 1.2; } h3, .h3 { font-size: var(--h3); line-height: 1.3; } h4, .h4 { font-size: var(--h4); line-height: 1.4; } h5, .h5 { font-size: var(--h5); line-height: 1.5; } h6, .h6 { font-size: var(--h6); line-height: 1.6; } @media (width < 600px) { .woocommerce-notices-wrapper .woocommerce-message {flex-direction: column; align-items: start; gap: 5px;} .woocommerce-notices-wrapper .woocommerce-message a {margin-inline-start: auto; } } .happyfiles-gallery > ul.crop[data-col], .happyfiles-gallery > ul.no-crop[data-col] { grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--happy-width)), 1fr)); } .happyfiles-gallery.branch-teachers-gallery { --happy-width: 14rem; } .happyfiles-gallery.product-gallery { --happy-width: 8rem;}   @view-transition { navigation: auto; }  ::view-transition-group(root) { animation-duration: 0.5s; }  @keyframes move-out { from { transform: translateX(0%); opacity: 1; } to { transform: translateX(-100%); opacity: 0; } } @keyframes move-in { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0%); opacity: 1; } }  ::view-transition-old(root) { animation: 0.4s ease-in both move-out; } ::view-transition-new(root) { animation: 0.4s ease-in both move-in; }