#disclaimer-modal {
	
	.cross {
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
		
		path {
            transition: .1s;
            stroke-opacity: 1;
            stroke: var(--tokens-color-txt-txt-subtitle-black-40);
        }

    }
	
	.cross:hover {
		path {
			stroke-opacity: .8;
		}
    }
	
	.arrow {
		display: none;
	}
	
	.modal-dialog {
		max-width: 610px;
	}
	
	.modal-content {
		border-radius: 20px;
		background: var(--color-card_bg_white);
		box-shadow: 0 6px 26px 0 rgba(0, 34, 51, 0.12);
		backdrop-filter: blur(30px);
	}
	
	
	.disclaimer-header {
		color: var(--tokens-color-txt-black-txt_primary_black-5);
		font-size: 26px;
		font-weight: 700;
		line-height: 120%;
		padding: 20px 22px 13px 28px;
	}
	.disclaimer-body {
		padding: 0px 28px 22px 28px;
		
		.rules {
			margin-top: 6px;
			
			.rule-item {
				margin-bottom: 12px;
				
				.rule-header {
					color: var(--tokens-color-txt-gray-txt_secondary_gray-12);
					font-size: 16px;
					font-weight: 700;
					line-height: 150%;
					letter-spacing: 0.16px;
					
					span {
						color: var(--tokens-color-txt-green-txt_accent_green-34);
					}
					
				}
				.rule-description {
					color: var(--tokens-color-txt-black-txt-title-h-2-black-50);
					font-size: 16px;
					font-weight: 600;
					line-height: 140%;
				}
			}
		}
		
		.forbiddance-block {
			margin-top: 18px;
			
			.forbiddance-header {
				color: var(--tokens-color-txt-red-txt_alert_red-58);
				font-size: 16px;
				font-weight: 700;
				line-height: 150%;
				letter-spacing: 0.48px;
				margin-bottom: 4px;
			}
			.forbiddance-description {
				color: var(--tokens-color-txt-gray-txt_base_gray-15);
				font-size: 16px;
				font-weight: 500;
				line-height: 140%;
			}
			
		}
		
		.disclaimer-gray-description {
			margin-top: 18px;
			
			color: var(--tokens-color-txt-black-txt-title-h-1-black-55);
			font-size: 16px;
			font-weight: 600;
			line-height: 140%;
		}
		
		.good-luck-text {
			margin-top: 18px;
			color: var(--tokens-color-txt-gray-txt_secondary_gray-12);
			font-size: 16px;
			font-weight: 700;
			line-height: 150%;
			letter-spacing: 0.16px;
		}
		
	}
	.disclaimer-footer {
		margin-top: 6px;
		padding: 0px 26px 26px 26px;
		
		.publicate-btn {
			height: 50px;
			border-radius: 10px;
			background: var(--color-bg-btn_bg_gray-15);
			position: relative;
			transition: .1s;
			cursor: pointer; 
			outline: 1.5px solid transparent;
			
			.label {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				
				width: 100%;
				color: var(--color-txt-btn_txt_white);
				text-align: center;
				font-size: 16px;
				font-weight: 700;
				line-height: 130%;
				letter-spacing: 0.16px;
				
			}
			
		}
		
		
		.publicate-btn:hover {
			outline: 1.5px solid var(--color-bg-btn_bg_gray-12);
			background: var(--color-bg-btn_bg_gray-12);
		}
		
	}
	
	
	
}




@media (max-width: 924px) {
	
	#disclaimer-modal {
		.modal-content {
			border-radius: 0px;
			background: var(--color-card_bg_white-96);
			min-height: 100dvh;
		}
		
		.arrow {
			display: block;
			
			path {
				stroke-opacity: 1;
				stroke: var(--color-gray-icon_gray);
			}
		}
		
		.disclaimer-header {
			padding: 8px 12px;
			
			border-radius: 0 0 20px 20px;
			background: var(--color-card_bg_white);
			
			.label {
				color: var(--tokens-color-txt-black-txt_primary_black-5);
				font-size: 20px;
				font-weight: 700;
				line-height: 120%;
				padding: 7px 4px 0px 4px;
			}
		}
		.disclaimer-body {
			padding: 18px;
			margin-top: 8px;
			
			border-radius: 20px;
			background: var(--color-card_bg_white);
			
			.rules {
				margin-top: 0px;
				
				.rule-item {
					.rule-header {
						font-size: 14px;
						font-weight: 700;
						line-height: 140%;
						letter-spacing: 0.14px;
					}
					.rule-description {
						color: var(--tokens-color-txt-black-txt-title-h-2-black-50);
						font-size: 14px;
						font-weight: 600;
						line-height: 140%;
					}
				}
			}
			
			.forbiddance-block {
				margin-top: 16px;
				
				.forbiddance-header {
					font-size: 14px;
					font-weight: 700;
					line-height: 150%;
					letter-spacing: 0.42px;
				}
				
				.forbiddance-description {
					font-size: 14px;
					font-weight: 500;
					line-height: 140%;
				}
				
			}
			
			.disclaimer-gray-description {
				margin-top: 16px;
				color: var(--tokens-color-txt-black-txt-title-h-1-black-55);
				font-size: 14px;
				font-weight: 600;
				line-height: 140%;
			}
			
			.good-luck-text {
				margin-top: 16px;
				font-size: 14px;
				font-weight: 700;
				line-height: 150%; 
				letter-spacing: 0.14px;
			}
			
		}
		
		.disclaimer-footer {
			padding: 8px;
			position: sticky;
			width: 100%;
			left: 0px;
			bottom: 0px;
			margin-top: 30px;
			.publicate-btn {
				height: 46px;
				
			}
		}
		
	}

}