// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
// For licensing, see LICENSE.md.

@use 'helpers/color';
@use 'helpers/globals';
@use 'helpers/spacing';

.side-navigation {
	flex: 0 0 globals.$u-sidebar-width;

	@include globals.u-responsive-tablet {
		display: none;
	}

	// needed for independent scroll
	&__wrapper {
		@include globals.u-box;
		height: calc( 100% - #{ globals.$u-top-height } );
		display: flex;
		position: fixed;
	}

	&__inner {
		width: globals.$u-sidebar-width;
		padding: spacing.u-spacing( 0 ) 0;
		border-right: 1px solid color.u-color( 'background-hue' );
		overflow-y: auto;
		transition: 250ms ease margin;
		overflow-x: hidden;

		&--api {
			margin-bottom: 50px;
		}
	}
}
