@import 'modal';
@import 'base';
@import 'transition';
@import 'loading';

.si-dialog {
	&.square {
		border-radius: 0;
		.si-dialog__close {
			border-radius: 0;
		}
	}
	&.rebound {
		animation: reboundClick 0.3s !important;
		@keyframes reboundClick {
			0% {
				transform: scale(1);
			}
			40% {
				transform: scale(1.05);
			}
			80% {
				transform: scale(0.96);
			}
			100% {
				transform: scale(1);
			}
		}
	}
}

@media (max-width: 600px) {
	.si-dialog {
		min-width: calc(100vw - 20px);
		max-width: calc(100vw - 20px);
		margin: auto 10px;
	}
} ;