:global {
	.#{$prefix} {
		&popup {
			@include fixed(top $popup-margin bottom $popup-margin right $popup-margin left $popup-margin);
			z-index: $z-index-popup;
		
			display: flex;
			justify-content: center;
			align-items: center;
			
			&-bg {
				@include absolute(top 0 left 0);
				z-index: 1;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.85);
				border-radius: 10px;
			}
			
			&-content-wrap {
				@include absolute(top 10% bottom 10%);
				z-index: 2;
				width: 100%;
				
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: space-between;
				@include screen('mobile') {
					width: 100%;
				}
			}
			
			&-content {
				position: relative;
				flex-grow: 1;
				width: 100%;
				@include screen('mobile') {
					width: 100%;
					height: calc(100% - 20px);
					margin-bottom: 20px;
					overflow-x: hidden;
					overflow-y: scroll; /* has to be scroll, not auto */
					-webkit-overflow-scrolling: touch;
				}
			}
			
			&-action-btn {
				// ...
			}
		}
	}
}