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

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

$u-button-size-width: 72px;
$u-space-between: 15px;
$u-icon-size: 36px;

.dropdown {
	&__wrapper {
		width: globals.$u-sidebar-width;
		position: relative;
		padding-left: $u-space-between;
	}

	&__product-title {
		display: inline-block;
		padding-left: $u-space-between;
		font-weight: bold;
		color: color.u-color( 'text-gray' );
		line-height: globals.$u-top-sub;
	}

	&__content {
		position: absolute;
		overflow: hidden;
		z-index: 1;
		background: color.u-color( 'background-bright' );
		transition: opacity 200ms ease-in-out;

	  	li {
			position: relative;
			transition: background-color 200ms;

		  	a {
			  	display: block;
				color: color.u-color( 'text-gray' );
				text-decoration: none;
				transition: all 200ms ease-in-out;
			}

		  	&:hover {
			  	cursor: pointer;

				a {
				  	text-decoration: none;
				}
			}
		}
	}

}

@keyframes fadeIn {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
