:root {
    --xs-space-fallback: 1vmin;
    --xs-space: clamp(4px, 1vmin, 10px);
    
    --s-space-fallback: 2vmin;
    --s-space: clamp(8px, 2vmin, 20px);
    
    --m-space-fallback: 3.5vmin;
    --m-space: clamp(12px,3.5vmin,30px);
    
    --l-space-fallback: 5vmin;
    --l-space: clamp(20px, 5vmin, 50px);
    
    --xl-space-fallback: 7vmin;
    --xl-space: clamp(32px, 7vmin, 80px);
    
    --xxl-space-fallback: 12vmin;
    --xxl-space: clamp(52px, 12vmin, 130px);
}

body.small{
    --xs-space-fallback: 0.81vmin;
    --xs-space: clamp(3px, 0.81vmin, 8px);
    
    --s-space-fallback: 1.62vmin;
    --s-space: clamp(6px, 1.62vmin, 16px);
    
    --m-space-fallback: 2.83vmin;
    --m-space: clamp(9px,2.83vmin,24px);
    
    --l-space-fallback: 4.1vmin;
    --l-space: clamp(16px, 4.1vmin, 40px);
    
    --xl-space-fallback: 5.67vmin;
    --xl-space: clamp(26px, 5.67vmin, 64px);
    
    --xxl-space-fallback: 9.72vmin;
    --xxl-space: clamp(42px, 9.72vmin, 104px);
}