:root {
	--color-white: #FFFFFF;
	--color-main: #6C757D;
	--color-second: #343A40;
	--color-blue: #7749F8;
	--color-green: #28A745;
	--color-orange: #FFC107;
	--color-red: #DC3545;
	--color-gray: #E9ECEF;
	--color-gray2: #495057;
	--color-bg-gray: #F8F9FA;
}
* {
	font-family: Inter;
	padding: 0;
	margin: 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-tap-highlight-color: transparent;
	border-radius: 0;
}
html {
    font-size: 0.7473841554559043vw;
}
body {
	font-family: Inter;
	font-weight: 400;
	background-color: var(--color-white);
	color: var(--color-main);
}
.container {
	width: 133.8rem;
	margin: 0 auto;
	padding: 3rem 5rem;
	box-sizing: border-box;
}
h2 {
	font-weight: 700;
	font-size: 4rem;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: var(--color-second);
}
h4 {
	font-weight: 600;
	font-size: 2rem;
	line-height: 100%;
	color: var(--color-second);
}
.btn {
	font-family: Inter;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.8rem;
	border-radius: 0.6rem;
	border: none;
	padding: 1rem 1.6rem;
	text-decoration: none;
	cursor: pointer;
}
.btn:hover {
	opacity: 0.9;
}
.btn-small {
	padding: 0.6rem 1.2rem;
}
.btn-large {
	padding: 1.6rem 2.4rem;
}
.btn-blue {
	background-color: var(--color-blue);
	color: var(--color-white);
}
.btn-green {
	background-color: var(--color-green);
	color: var(--color-white);
}
.btn-red {
	background-color: var(--color-red);
	color: var(--color-white);
}
.btn-gray {
	background-color: var(--color-gray);
	color: var(--color-second);
	opacity: 0.55;
}

.btn-blue-outline {
	background-color: var(--color-white);
	color: var(--color-blue);
	border: 0.1rem solid var(--color-blue);
}
.btn-gray-outline {
	background-color: var(--color-white);
	color: var(--color-gray);
	border: 0.1rem solid var(--color-gray);
}
.btn-green-outline {
	background-color: var(--color-white);
	color: var(--color-green);
	border: 0.1rem solid var(--color-green);
}
.btn-orange-outline {
	background-color: var(--color-white);
	color: var(--color-orange);
	border: 0.1rem solid var(--color-orange);
}
.btn-red-outline {
	background-color: var(--color-white);
	color: var(--color-red);
	border: 0.1rem solid var(--color-red);
}

.btns {
	display: flex;
	align-items: center;
	gap: 1.9rem;
}

.copy {
	position: relative;
}
.copy.copied:after {
	content: "✓";
	position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    color: var(--color-green);
}

.align-right {
	text-align: right;
}

.invalid {
	border-color: var(--color-red) !important;
}

table {
	width: 100%;
}
table td {
	font-size: 1.8rem;
    line-height: 100%;
	padding: 1.4rem 0;
}

.user-login {
	font-size: 1.8rem;
    margin-top: 1rem;
}

.form-row {
	display: flex;
	align-items: center;
	gap: 1.9rem;
	margin: 2.6rem 0 2.2rem;
}
.form-input {
	width: 24rem;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 0.8rem 1.6rem;
	border: 0.1rem solid #DEE2E6;
    border-radius: 0.6rem;
	outline: none;
	box-sizing: border-box;
}
.form-input-small {
	width: 8.8rem;
}
.form-input-large {
	width: 50rem;
}
.form-row label {
	display: flex;
    align-items: center;
}
.form-row label > span {
	font-size: 1.8rem;
    line-height: 100%;
    margin-right: 1.2rem;
}
.form-row label .form-input-checkbox + span {
	font-size: 1.6rem;
    line-height: 2.8rem;
}

.table-wrapper {
	position: relative;
	margin-top: 4.6rem;
	margin-bottom: 7rem;
}
.table-wrapper h4 {
	margin-bottom: 2rem;
}
.admin-add {
	position: absolute;
	top: -8rem;
	right: 0;
}
.draw-add {
	position: absolute;
	top: -8rem;
	right: 0;
}

.password-link {
	display: inline-block;
    margin-top: 3rem;
}

.set-password-login {
	font-weight: 600;
    font-size: 2rem;
    line-height: 100%;
	color: var(--color-second);
	margin: 4.4rem 0 2.3rem;
}
.set-password-remark {
	display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    font-size: 1.2rem;
    line-height: 100%;
    color: var(--color-gray2);
    background-color: var(--color-bg-gray);
    border-radius: 0.6rem;
    border: 0.1rem solid #DEE2E6;
    padding: 1.6rem;
}
.set-password-remark svg {
	width: 1.6rem;
	height: 1.6rem;
}