.size-selector {
	.size-selector__drawer {
		@media screen and (max-width: 767px) {
			top: inherit;
			bottom: 0;
			left: 0;
			width: 100vw;
		}
	}

	.size-selector__title {
		margin: 0;
	}

	.size-selector__content {
		display: flex;
		flex-direction: column;
		gap: var(--spacing__32px);
	}

	.size-selector__description {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: var(--spacing__16px) 0;
	}

	.size-selector__extra-msg p {
		margin: 0 0 var(--spacing__8px);
		color: var(--color__black);
	}

	.size-selector__description .size-selector__close {
		@media screen and (min-width: 1025px) {
			display: none;
		}
	}

	.size-selector__option {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: var(--spacing__8px) var(--spacing__16px);
		cursor: pointer;
	}

	.size-selector__option,
	.size-selector__option:last-child {
		border-bottom: var(--border__gray-50--thin);
	}

	.size-selector__option:hover {
		background-color: var(--color__gray-95);
	}

	.size-selector__option--disabled {
		cursor: auto;
	}

	.size-selector__option--disabled:hover {
		background-color: transparent;
	}

	.size-selector__not-available {
		color: var(--color__gray-80);
	}

	.size-selector__no-stock,
	.size-selector__error {
		color: var(--color__error);
		text-transform: none;
	}

	.size-selector__notify {
		margin-left: auto;
		cursor: pointer;
	}

	.size-selector__notify-icon {
		margin: calc(var(--spacing__8px) * -1) 0;
	}
}

.keyfocus {
	.size-selector {
		.size-selector__option:focus {
			background-color: var(--color__gray-95);
		}

		.size-selector__option--disabled:focus {
			background-color: transparent;
		}
	}
}