.clicker-box {

	&__area {
		position: relative;
		width: 24rem;
		height: 24rem;
		border: 1px solid #dadada;

		&::before,
		&::after {
			position: absolute;
		}

		&::before {
			content: 'v';
			top: 0;
			left: 0;
			transform: translateX(calc(-100% - 5px));
		}

		&::after {
			content: 'u';
			bottom: 0;
			right: 0;
			transform: translateY(100%);
		}
	}

	&__point {
		display: none;
		position: absolute;
		width: 10px;
		height: 10px;
		pointer-events: none;
		background-color: #496898;
		transform: translate(-50%, -50%);
	}

	&__result {
		margin: .5rem 0 0;
	}
}