/**
 * Size variants
 */

.sidebar-wrapper {
    &.-sm {
        --sidebar--border-top-left-radius: var(
            --sidebar--sm--border-top-left-radius,
            calc(var(--border-top-left-radius) * var(--size-multiplier-sm))
        );
        --sidebar--border-top-right-radius: var(
            --sidebar--sm--border-top-right-radius,
            calc(var(--border-top-right-radius) * var(--size-multiplier-sm))
        );
        --sidebar--border-bottom-right-radius: var(
            --sidebar--sm--border-bottom-right-radius,
            calc(var(--border-bottom-right-radius) * var(--size-multiplier-sm))
        );
        --sidebar--border-bottom-left-radius: var(
            --sidebar--sm--border-bottom-left-radius,
            calc(var(--border-bottom-left-radius) * var(--size-multiplier-sm))
        );
        --sidebar--font-size: var(
            --sidebar--sm--font-size,
            calc(var(--font-size) * var(--size-multiplier-sm))
        );
        --sidebar--padding-top: var(
            --sidebar--sm--padding-top,
            calc(var(--padding-top) * var(--size-multiplier-sm))
        );
        --sidebar--padding-right: var(
            --sidebar--sm--padding-right,
            calc(var(--padding-right) * var(--size-multiplier-sm))
        );
        --sidebar--padding-bottom: var(
            --sidebar--sm--padding-bottom,
            calc(var(--padding-bottom) * var(--size-multiplier-sm))
        );
        --sidebar--padding-left: var(
            --sidebar--sm--padding-left,
            calc(var(--padding-left) * var(--size-multiplier-sm))
        );
        --sidebar--width: var(--sidebar--sm--width, calc(#{14rem} * var(--size-multiplier-sm)));
        --sidebar--item--padding-top: var(
            --sidebar--sm--item--padding-top,
            calc(#{calc(var(--padding-top) / 2)} * var(--size-multiplier-sm))
        );
        --sidebar--item--padding-right: var(
            --sidebar--sm--item--padding-right,
            calc(var(--padding-right) * var(--size-multiplier-sm))
        );
        --sidebar--item--padding-bottom: var(
            --sidebar--sm--item--padding-bottom,
            calc(#{calc(var(--padding-bottom) / 2)} * var(--size-multiplier-sm))
        );
        --sidebar--item--padding-left: var(
            --sidebar--sm--item--padding-left,
            calc(var(--padding-left) * var(--size-multiplier-sm))
        );
    }

    &.-md {
        --sidebar--border-top-left-radius: var(
            --sidebar--md--border-top-left-radius,
            calc(var(--border-top-left-radius) * var(--size-multiplier-md))
        );
        --sidebar--border-top-right-radius: var(
            --sidebar--md--border-top-right-radius,
            calc(var(--border-top-right-radius) * var(--size-multiplier-md))
        );
        --sidebar--border-bottom-right-radius: var(
            --sidebar--md--border-bottom-right-radius,
            calc(var(--border-bottom-right-radius) * var(--size-multiplier-md))
        );
        --sidebar--border-bottom-left-radius: var(
            --sidebar--md--border-bottom-left-radius,
            calc(var(--border-bottom-left-radius) * var(--size-multiplier-md))
        );
        --sidebar--font-size: var(
            --sidebar--md--font-size,
            calc(var(--font-size) * var(--size-multiplier-md))
        );
        --sidebar--padding-top: var(
            --sidebar--md--padding-top,
            calc(var(--padding-top) * var(--size-multiplier-md))
        );
        --sidebar--padding-right: var(
            --sidebar--md--padding-right,
            calc(var(--padding-right) * var(--size-multiplier-md))
        );
        --sidebar--padding-bottom: var(
            --sidebar--md--padding-bottom,
            calc(var(--padding-bottom) * var(--size-multiplier-md))
        );
        --sidebar--padding-left: var(
            --sidebar--md--padding-left,
            calc(var(--padding-left) * var(--size-multiplier-md))
        );
        --sidebar--width: var(--sidebar--md--width, calc(#{14rem} * var(--size-multiplier-md)));
        --sidebar--item--padding-top: var(
            --sidebar--md--item--padding-top,
            calc(#{calc(var(--padding-top) / 2)} * var(--size-multiplier-md))
        );
        --sidebar--item--padding-right: var(
            --sidebar--md--item--padding-right,
            calc(var(--padding-right) * var(--size-multiplier-md))
        );
        --sidebar--item--padding-bottom: var(
            --sidebar--md--item--padding-bottom,
            calc(#{calc(var(--padding-bottom) / 2)} * var(--size-multiplier-md))
        );
        --sidebar--item--padding-left: var(
            --sidebar--md--item--padding-left,
            calc(var(--padding-left) * var(--size-multiplier-md))
        );
    }

    &.-lg {
        --sidebar--border-top-left-radius: var(
            --sidebar--lg--border-top-left-radius,
            calc(var(--border-top-left-radius) * var(--size-multiplier-lg))
        );
        --sidebar--border-top-right-radius: var(
            --sidebar--lg--border-top-right-radius,
            calc(var(--border-top-right-radius) * var(--size-multiplier-lg))
        );
        --sidebar--border-bottom-right-radius: var(
            --sidebar--lg--border-bottom-right-radius,
            calc(var(--border-bottom-right-radius) * var(--size-multiplier-lg))
        );
        --sidebar--border-bottom-left-radius: var(
            --sidebar--lg--border-bottom-left-radius,
            calc(var(--border-bottom-left-radius) * var(--size-multiplier-lg))
        );
        --sidebar--font-size: var(
            --sidebar--lg--font-size,
            calc(var(--font-size) * var(--size-multiplier-lg))
        );
        --sidebar--padding-top: var(
            --sidebar--lg--padding-top,
            calc(var(--padding-top) * var(--size-multiplier-lg))
        );
        --sidebar--padding-right: var(
            --sidebar--lg--padding-right,
            calc(var(--padding-right) * var(--size-multiplier-lg))
        );
        --sidebar--padding-bottom: var(
            --sidebar--lg--padding-bottom,
            calc(var(--padding-bottom) * var(--size-multiplier-lg))
        );
        --sidebar--padding-left: var(
            --sidebar--lg--padding-left,
            calc(var(--padding-left) * var(--size-multiplier-lg))
        );
        --sidebar--width: var(--sidebar--lg--width, calc(#{14rem} * var(--size-multiplier-lg)));
        --sidebar--item--padding-top: var(
            --sidebar--lg--item--padding-top,
            calc(#{calc(var(--padding-top) / 2)} * var(--size-multiplier-lg))
        );
        --sidebar--item--padding-right: var(
            --sidebar--lg--item--padding-right,
            calc(var(--padding-right) * var(--size-multiplier-lg))
        );
        --sidebar--item--padding-bottom: var(
            --sidebar--lg--item--padding-bottom,
            calc(#{calc(var(--padding-bottom) / 2)} * var(--size-multiplier-lg))
        );
        --sidebar--item--padding-left: var(
            --sidebar--lg--item--padding-left,
            calc(var(--padding-left) * var(--size-multiplier-lg))
        );
    }
}