.quotasModal__subtitle {
	padding: 0 28px 8px;
	font: var(--font-ui-15-large-reg);
	color: var(--base-txt-secondary);
}

.quotasModal__content {
	gap: 40px;
	padding: 40px;
}

.quotasModal__param {
	height: 72px;
	padding: 16px 24px;
	box-sizing: border-box;
	border-radius: 12px;
	transition: background .15s ease-in-out;
}

.quotasModal__param:hover {
	background: var(--base-hlt-b-hover);
}

.quotasModal__param .quota_title {
	font: var(--font-ui-18-title-2-med);
	color: var(--base-txt-primary);
}

.quotasModal__param .quota_extra {
	margin-left: 8px;
	padding: 2px 6px;
	border-radius: 12px;
	box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
	background: var(--base-hlt-b-invert-minor);
	font: var(--font-ui-14-regular-bold);
	color: var(--base-txt-alt-light);
}

.quotasModal__param .quota_extra:empty {
	display: none;
}

.quotasModal__param .quota_counter {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 164px;
	height: 48px;
	padding: 0 8px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
	background: var(--base-cont-mod-top);
	transition: box-shadow .15s ease-in-out;
}

.quotasModal__param .quota_counter-act {
	box-shadow: 0 0 0 2px var(--base-hlt-b-invert);
	background: var(--base-cont-mod-top) linear-gradient(var(--base-hlt-b-easy), var(--base-hlt-b-easy));
}

.quotasModal__param .quota_counter:not(.is-unlim):hover {
	box-shadow: 0 0 0 1px var(--base-line-tertiary) inset, 0 0 0 2px var(--base-hlt-b-invert), 0 2px 8px -2px var(--colors-graphite-trans-500);
}

.quotasModal__param .quota_counter ws-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	--icon-color: var(--base-txt-secondary);
}

.quotasModal__param .quota_counter ws-icon:not(.is-disabled):hover {
	background: var(--base-hlt-b-hover);
	--icon-color: var(--base-txt-btn-b);
	cursor: pointer;
}

.quotasModal__param .quota_counter ws-icon:not(.is-disabled):active {
	background: var(--base-hlt-b-focus);
	transition: background 0.1s ease-in-out;
}

.quotasModal__param .quota_counter ws-icon.is-disabled {
	--icon-color: var(--base-txt-ghost);
}

.quotasModal__param .quota_extra + .quota_counter ws-icon.is-disabled {
	--icon-color: var(--base-hlt-w-invert-minor);
	cursor: pointer;
}

.quotasModal__param .quota_counter svg {
	width: 24px;
	height: 24px;
}

.quotasModal__param .quota_number {
	font: var(--font-ui-22-title-1-semi);
	color: var(--base-txt-accent);
	text-align: center;
}

.quotasModal__param .quota_price {
	margin-left: auto;
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-secondary);
}

.quotasModal__billing {
	border-radius: 12px;
	border: 1px solid var(--base-line-tertiary);
	background: var(--base-cont-mod-mid);
}

.quotasModal__billing__content {
	padding: 16px 20px;
}

.quotasModal__billing .plan_left,
.quotasModal__billing .plan_right {
	gap: 8px;
}

.quotasModal__billing .plan_right {
	align-items: flex-end;
}

.quotasModal__billing .plan_name, .quotasModal__billing .plan_price, .quotasModal__billing .extra_sum {
	font: var(--font-ui-16-title-3-med);
	color: var(--base-txt-primary);
}

.quotasModal__billing .plan_name:after {
	content: attr(data-plan);
	display: inline-block;
	margin-left: 4px;
	padding: 0 4px;
	border-radius: 4px;
	background: var(--base-hlt-g-pressed);
}

.quotasModal__billing .plan_price:after {
	content: none;
	padding-left: 4px;
	color: var(--base-txt-tertiary);
}

.quotasModal__billing__content .plan_price:after {
	content: '/ 'attr(data-period);
}

.quotasModal__billing .plan_quotas, .quotasModal__billing .plan_expire, .quotasModal__billing .extra_quota {
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-secondary);
}

.quotasModal__billing .extra_details {
	gap: 4px;
	padding-top: 16px;
}

.quotasModal [data-currency]:after {
	content: ' 'attr(data-currency);
}

.quotasModal__billing .extra_sum {
	padding-bottom: 4px;
}

.quotasModal__billing .plan_expire, .quotasModal__billing .extra_details,
.quotasModal__billing__content:not(.quotasModal__billing-act) + .quotasModal__billing__footer {
	display: none;
}

.quotasModal__billing-act .plan_expire, .quotasModal__billing-withExtras .extra_details {
	display: block;
}

.quotasModal__billing-act .plan_expire, .quotasModal__billing-withExtras .extra_details .extra_quota {
	display: none;
}

.quotasModal__billing-act .plan_expire, .quotasModal__billing-withExtras .extra_details .extra_quota.extra_quota-act {
	display: flex;
}

.quotasModal__billing-act .quotasModal__billing__footer {
	display: flex;
}

.quotasModal__billing + .setupBlock__info {
	display: none;
}

.quotasModal__billing:has(.quotasModal__billing-act-positive) + .setupBlock__info {
	display: flex;
}

.quotasModal__billing__footer {
	padding: 16px 20px;
	border-top: 1px solid var(--base-line-tertiary);
	font: var(--font-ui-18-title-2-med);
	color: var(--base-txt-primary);
}

.quotasModal__billing__footer .price_new + span {
	color: var(--base-txt-tertiary);
	padding-left: 8px;
}

.quotasModal__footer {
	padding: 20px 24px;
	border-top: 1px solid var(--base-line-tertiary);
	justify-content: flex-end;
}

.quotasModal__footer >span {
	display: none
}

.quotasModal__footer-act {
	background: var(--base-cont-mod-mid);
}

.quotasModal__footer-act > span {
	display: flex;
}

.quotasModal__footer__text {
	gap: 8px;
	padding: 0 20px;
	font: var(--font-ui-18-title-2-med);
	color: var(--base-txt-primary);
}

.quotasModal__footer ws-icon[name="info_circle-line"] svg {
	width: 16px;
	height: 16px;
	--icon-color: var(--base-txt-tertiary);
}

.quotasModal__footer ws-btn {
	padding: 4px;
}

.quotasModal__footer ws-btn {
	margin-left: auto;
}

.quotasModal__footer-act ws-btn[data-action=close] {
	display: none;
}
.quotasModal__footer:not(.quotasModal__footer-act) ws-btn[data-action=apply] {
	display: none;
}


.billingArchive {
	max-width: 1020px;
	margin: 0 auto;
}

.billingArchive__header {
	padding: 8px 0 32px;
	gap: 20px;
}

.billingArchive__header__title {
	font: var(--font-ui-18-title-2-semi);
	color: var(--base-txt-primary);
}

.billingArchive__header__date {
	gap: 12px;
	padding: 4px;
}

.billingArchive__header__date .picker_year {
	font: var(--font-ui-18-title-2-med);
	color: var(--base-txt-primary);
}

.billingArchive__invoice {
	padding: 20px 0;
	border-top: 1px solid var(--base-txt-ghost);
}

.billingArchive .invoiceBlock {
	display: flex;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid var(--base-hlt-b-focus);
	background: var( --base-hlt-b-hover);
}

.billingArchive .invoiceBlock__text {
	flex: 1 1 auto;
}

.billingArchive .invoiceBlock .inv_current {
	display: inline-block;
	padding-bottom: 16px;
	font: var(--font-ui-18-title-2-med);
	color: var(--base-txt-primary);
}

.billingArchive .invoiceBlock .inv_current:after {
	content: '#'attr(data-inv-id);
	padding-left: 8px;
	color: var(--base-txt-muted);
}

.billingArchive .invoiceBlock .inv_info {
	padding-top: 8px;
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-secondary);
}

.billingArchive .invoiceBlock .inv_info span {
	padding-left: 12px;
	color: var(--base-txt-accent);
}

.billingArchive .invoiceBlock ws-btn {
	align-self: flex-start;
}

.billingArchive__list_title {
	gap: 16px;
	padding: 10px 12px;
	border-top: 0.5px solid var(--base-txt-ghost);
	background: var(--base-cont-top);
	font: var(--font-ui-13-small-med);
	color: var(--base-txt-secondary);
}

.billingArchive__list__item {
	gap: 16px;
	padding: 18px 12px;
	border-top: 0.5px solid var(--base-txt-ghost);
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-accent);
	transition: background .15s ease-in-out;
}

.billingArchive__list__item.billingArchive__list__item-plus {
	color: var(--base-txt-btn-c);
}

.billingArchive__list__item.hidden {
	display: none;
}

.billingArchive__list__item:hover {
	background: var(--base-cont-top);
}

.billingArchive__list__item .bill_plan span[data-period]:after {
	content: '('attr(data-period)')';
	padding-left: 4px;
	color: var(--base-txt-tertiary);
}

.billingArchive__list__item .bill_plan .extra {
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}

.billingArchive__list__item .bill_quotas .separator {
	padding: 0 2px;
	color: var(--base-txt-muted);
}

.billingArchive__list_title .date_h,
.billingArchive__list__item .bill_date {
	flex-basis: 20%;
}

.billingArchive__list_title .plan_h,
.billingArchive__list__item .bill_plan {
	flex-basis: 24%;
}

.billingArchive__list_title .quotas_h,
.billingArchive__list__item .bill_quotas {
	flex-basis: 30%;
}

.billingArchive__list_title .reason_h,
.billingArchive__list__item .bill_reason {
	flex-basis: 54%;
}

.billingArchive__list__item .bill_amount span.title {
	padding-left: 8px;
	font: var(--font-ui-11-micro-reg);
}

.billingArchive__list__item .bill_amount .plus,
.billingArchive__list__item .bill_amount .minus {
	font-family: monospace;
}

.billingArchive__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding-top: 64px;
}

.billingArchive__empty__img {
	width: 160px;
	height: 160px;
}

.billingArchive__empty__text {
	font: var(--font-ui-18-title-2-med);
	color: var(--base-txt-primary);
}

.account-contacts,
.billingContacts {
	max-width: 1020px;
	margin: 0 auto;
}

.billingContacts__setup {
	padding: 8px 18px;
}

.billingContacts__setup .sw {
	margin-left: 3px;
}

.billingContacts__setup__item .in {
	padding: 6px 22px;
	font: var(--font-ui-14-regular-semi);
	color: var(--base-txt-primary);
}

.billingContacts__list {
	padding-top: 40px;
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-secondary);
}

.billingContacts__list__title {
	padding: 10px 12px;
	border-top: 0.5px solid var(--base-txt-ghost);
	background: var(--base-cont-top);
	font: var(--font-ui-13-small-med);
}

.billingContacts__list__title .person_h {
	width: 100%;
	max-width: calc((100% - 32px) / 2);
}

.billingContacts__list__user {
	padding: 12px;
	border-top: 0.5px solid var(--base-txt-ghost);
	transition: background .15s ease-in-out;
}

.billingContacts__list__user:hover {
	background: var(--base-cont-top);
}

.billingContacts__list__user ws-icon {
	--icon-color: var(--base-txt-secondary);
}

.billingContacts__list__user .contact_person {
	width: 100%;
	max-width: calc((100% - 32px) / 2);
}

.billingContacts__list__user .ava_place {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	box-shadow: var(--shadow-cont-minor-outline);
}

.billingContacts__list__user .ava_place .av_nm {
	transform: scale(0.833);
	border-radius: 8px;
	margin: -4px;
}

.billingContacts__list__user .info_place {
	padding: 0 16px;
}

.billingContacts__list__user .info_place .name {
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-primary);
	overflow: hidden;
	text-overflow: ellipsis;
}

.billingContacts__list__user .info_place .name:empty {
	display: none;
}

.billingContacts__list__user .info_place .email .in {
	padding-left: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.billingContacts__list__user .info_place ws-icon {
	--icon-color: var(--base-txt-btn-b);
	vertical-align: bottom;
}

.billingContacts__list__user .contact_role {
	flex-grow: 1;
}

.billingContacts__list__user .contact_role ws-icon {
	width: 28px;
	height: 28px;
}

.billingContacts__list__user .contact_role .in {
	padding: 4px;
}

.billingContacts__list__user .contact_role .in:empty {
	display: none;
}

.billingContacts__list__add {
	padding: 16px 22px;
	border-top: 1px solid var(--base-txt-ghost);
	cursor: pointer;
}

.billingContacts__list__add:hover {
	background: var(--base-cont-top);
}

.billingContacts__list__add ws-icon {
	--icon-color: var(--base-txt-tertiary);
}

.billingContacts__list__add:hover ws-icon {
	--icon-color: var(--base-txt-accent);
}

.billingContacts__list__add .in {
	padding-left: 26px;
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-secondary);
}

.billingContacts__list__add:hover .in {
	color: var(--base-txt-accent);
}

.billingContacts__add {
	gap: 8px;
	padding-top: 40px;
}

.billingContacts__add .email_title {
	padding-left: 4px;
	font: var(--font-ui-18-title-2-med);
	color: var(--base-txt-primary);
}

.billingContacts__add .email_input {
	max-width: 480px;
	border-radius: 12px;
	background: var(--base-cont-mod-trans-low);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.billingContacts__add .email_input:hover {
	box-shadow: var(--shadow-brd-enable);
}

.billingContacts__add .email_input:focus-within {
	background: var(--base-cont-input);
	box-shadow: var(--shadow-brd-focus);
	outline: none;
}

.billingContacts__add .email_input input {
	flex-grow: 1;
	padding: 14px 16px;
	box-sizing: border-box;
	border: 0;
	background: transparent !important;
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-primary);
	overflow: hidden;
	text-overflow: ellipsis;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

.billingContacts__add .email_input.input_error {
	box-shadow: var(--shadow-brd-error-focus);
}

.billingContacts__add .email_input input::-webkit-input-placeholder {
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-secondary);
}

.billingContacts__add ws-btn {
	padding: 0 8px;
}


.paymentPage {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.paymentPage__header {
	position: absolute;
	top: 0;
	left: 0;
	padding: 24px 20px;
	min-height: 80px;
	box-sizing: border-box;
	gap: 12px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: var(--base-txt-primary);
	display:  none;
}

.paymentPage__header ws-icon {
	width: 32px;
	height: 32px;
	--icon-size: 32px;
}

.paymentPage__header span:last-child {
	font-weight: 400;
	color: var(--base-txt-tertiary);
}

.paymentPage__content {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font: var(--font-ui-14-regular-reg);
	color: var(--base-txt-primary);
}

.paymentPage__left {
	align-items: center;
	align-self: flex-start;
	margin-top: 88px;
}

.paymentMethod {
	max-width: 546px;
	width: 100%;
}

.paymentPage .paymentMethod__header {
	gap: 20px;
	padding: 30px 0;
	font: var(--font-ui-18-title-2-semi);
}

.paymentPage .paymentMethod__header ws-btn {
	padding: 0 4px;
}
@media (min-width:1360px) {
	.paymentPage .paymentMethod__header ws-btn {
		display: none !important;
	}
}

.paymentPage .paymentMethod__header ws-btn[data-type=cashless],
.paymentPage[data-type=cashless] .paymentMethod__header ws-btn[data-type=cash] {
	display: none;
}

.paymentPage[data-type=cashless] .paymentMethod__header ws-btn[data-type=cashless] {
	display: block;
}

.paymentPage .paymentMethod__accordion {
	margin-bottom: 24px;
	padding: 20px 28px;
	border-radius: 8px;
	background: var(--base-cont-low);
	font: var(--font-ui-16-title-3-reg);
	color: var(--base-txt-secondary);
	cursor: pointer;
}

.paymentPage .paymentMethod__accordion .accordion_title ws-icon {
	--icon-color: var(--base-txt-tertiary);
	transition: transform .3s ease-in-out;
}

.paymentPage .paymentMethod__accordion.is-open .accordion_title ws-icon {
	transform: rotate(-180deg);
}

.paymentPage .paymentMethod__accordion .accordion_content {
	height: 0;
	overflow: hidden;
	transition: height .3s ease-in-out;
}

.paymentPage .paymentMethod__accordion .accordion_content span {
	padding-top: 16px;
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-accent);
}

.paymentPage .paymentMethod__content {
	position: relative;
	z-index: 1;
	padding: 12px 24px;
	border-radius: 12px;
	border: 1px solid var(--base-line-secondary);
	box-shadow: 0 2px 8px -2px var(--colors-graphite-trans-300);
	background: var(--base-cont-top);
}

.paymentPage .paymentMethod__content.has-form {
	padding: 22px 28px;
}

.paymentPage .paymentMethod__content .line {
	background: var(--base-line-secondary);
	margin-bottom: 12px;
}

.paymentPage .paymentMethod__content > span:first-child {
	padding: 8px 0;
}

.paymentPage .paymentMethod__period__group {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
	padding: 12px 0;
}

.paymentPage .paymentMethod__period__item {
	align-items: center;
	gap: 8px;
	padding: 12px;
	max-width: 160px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
	transition: box-shadow .125s ease-in-out;
	cursor: pointer;
}

.paymentPage .paymentMethod__period__text {
	font: var(--font-ui-15-large-semi);
	padding: 16px;
	margin: 12px 0 16px 0;
	border-radius: 12px;
	display: flex;
	gap: 8px;
	--icon-color: var(--base-txt-secondary);
	background: var(--base-hlt-g-hover);
}

.paymentPage[data-type=cash] .paymentMethod__period__item[data-period="6months"] {
	display: none;
}
.paymentPage[data-type=cashless] .paymentMethod__period__item[data-period="month"] {
	display: none;
}

.paymentPage .paymentMethod__period__item:not(.paymentMethod__period__item-selected):hover {
	box-shadow: 0 0 0 1px var(--base-line-primary) inset;
}

.paymentPage .paymentMethod__period__item-selected {
	box-shadow: 0 0 0 1.5px var(--base-line-act-major) inset;
	background: var(--base-hlt-easy);
	cursor: default;
}

.paymentPage .paymentMethod__period__item .time {
	font: var(--font-ui-14-regular-semi);
}

.paymentPage .paymentMethod__period__item .time[data-discount]:after {
	content: '-'attr(data-discount)'%';
	position: relative;
	bottom: 4px;
	display: inline-block;
	margin-left: 4px;
	padding: 0 4px;
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
	background: var(--base-txt-btn-a);
	font: var(--font-ui-10-nano-bold);
	color: var(--base-hlt-alt-overlap);
}

.paymentPage .paymentMethod__period__item:first-child .time:after {
	display: none;
}

.paymentPage .paymentMethod__period__item .price {
	color: var(--base-txt-tertiary);
}

.paymentPage .paymentMethod__period__item .price:before {
	content: '$';
}

.paymentPage .paymentMethod__period__item .price:after {
	content: '/'attr(data-period);
}

.paymentPage .paymentMethod__type__item {
	gap: 12px;
	padding: 12px 0;
	color: var(--base-txt-secondary);
	cursor: pointer;
}

.paymentPage .paymentMethod__type__item-active {
	color: var(--base-txt-accent);
	cursor: default;
}

.paymentPage .paymentMethod__type__item:not(:last-child) {
	border-bottom: 1px solid var(--base-line-tertiary);
}

.paymentPage .paymentMethod__type__item ws-icon:not(:first-child) {
	width: 32px;
	height: 32px;
	--icon-size: 32px;
}

.paymentPage .paymentMethod__type__item ws-icon[name=radio] {
	--icon-color: var(--base-txt-tertiary);
}

.paymentPage .paymentMethod__type__item-active ws-icon[name=radio] {
	--icon-color: var(--base-txt-act-major);
}

.paymentPage .paymentMethod__type__item ws-icon[name=radio] use:nth-child(2) {
	opacity: 0;
	transition: opacity .4s ease;
}

.paymentPage .paymentMethod__type__item:hover ws-icon[name=radio] use:nth-child(2) {
	opacity: 1;
}

.paymentPage .paymentMethod__type__item ws-icon[name=radio] use:last-child,
.paymentPage .paymentMethod__type__item-active ws-icon[name=radio] use:nth-child(2) {
	display: none;
}

.paymentPage .paymentMethod__type__item-active ws-icon[name=radio] use:last-child {
	display: block;
}

.paymentPage .paymentMethod__type__item-disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
}

.paymentPage .paymentMethod__toggle {
	position: relative;
	top: -85px;
	gap: 10px;
	padding: 26px 22px 14px;
	border-radius: 0 0 12px 12px;
	background: var(--base-cont-low);
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-secondary);
	transition: top .3s ease-in-out;
}

.paymentPage .paymentMethod__toggle-show {
	/* top: -12px; */
}

.paymentPage .paymentMethod__toggle .sw {
	margin: 0;
}

.paymentPage .paymentMethod__content__header {
	padding: 8px 0 24px;
	font: var(--font-ui-18-title-2-med);
}

.paymentPage .paymentMethod__content__header ws-icon {
	align-self: flex-start;
	height: 24px !important;
}

.paymentPage .paymentMethod__content label {
	padding: 0;
}

.paymentPage .paymentMethod__content .in label {
	cursor: pointer;
}

.paymentPage .paymentMethod__content .radioBtns {
	gap: 36px;
	padding-bottom: 20px;
	font: var(--font-ui-14-regular-med);
	color: var(--base-txt-secondary);
}

.paymentPage .paymentMethod__content .radioBtns__item.pre_act,
.paymentPage .paymentMethod__content .radioBtns .act + .in {
	color: var(--base-txt-accent);
}

.paymentPage .paymentMethod__content .checkBtns {
	padding-bottom: 28px;
}

.paymentPage .paymentMethod__content .checkBtns__item {
	gap: 8px;
	font: var(--font-ui-14-regular-med);
	color: var(--base-txt-secondary);
}

.paymentPage .paymentMethod__content .checkBtns__item .in ws-icon {
	padding-left: 8px;
	width: 24px;
	height: 24px;
	--icon-size: 18px;
}

.paymentPage .paymentMethod__content .invoiceInfo {
	padding-bottom: 20px;
	gap: 20px;
}

.paymentPage .paymentMethod__content .invoiceInfo__item {
	padding: 4px 8px;
}

.paymentPage .paymentMethod__content .invoiceInfo__title {
	gap: 4px;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}

.paymentPage .paymentMethod__content .invoiceInfo ws-icon {
	width: 16px !important;
	height: 16px !important;
}

.paymentPage .paymentMethod__content .invoiceInfo .inv_number:before {
	content: '№';
}

.paymentPage .paymentMethod__content .contact_toggle {
	gap: 12px;
	padding-bottom: 44px;
}

.paymentPage .paymentMethod__content .contact_toggle:has(.sw_act) ~ .inputBlock__wrapper.contact,
.paymentPage .paymentMethod__content .contact_toggle:has(.sw_act) + .paymentMethod__content__header {
	display: none;
}

.paymentPage .paymentMethod__content .help {
	padding: 8px 0 24px;
	gap: 8px;
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-tertiary);
}

.paymentPage .paymentPage__right {
	position: sticky;
	top: 20px;
	align-items: center;
	margin-left: 20px;
	width: 35vw;
	min-width: 500px;
	box-sizing: border-box;
	padding: 132px 64px 24px;
	border-radius: 40px;
	background: var(--base-cont-low);
	overflow: hidden;
}

.paymentPage .paymentInfo {
	position: relative;
	z-index: 1;
	width: 384px;
	height: 100%;
}

.paymentPage .paymentInfo__account {
	align-self: center;
	padding-bottom: 20px;
	font: var(--font-ui-12-mini-reg);
}

.paymentPage .paymentInfo__account span {
	color: var(--base-txt-tertiary);
	padding-right: 4px;
}

.paymentPage .paymentInfo__plan {
	padding: 12px 24px;
	border-radius: 12px 12px 0 0;
	background: var(--base-cont-top-elevated);
	box-shadow: 0 2px 8px -2px var(--colors-graphite-trans-300);
}

.paymentPage .paymentInfo__plan__header {
	padding: 8px 0;
}

.paymentPage .paymentInfo__plan__header .plan_name {
	font: var(--font-ui-16-title-3-med);
}

.paymentPage .paymentInfo__plan__header .plan_name:after {
	content: attr(data-period);
	position: relative;
	bottom: 4px;
	display: inline-block;
	margin-left: 4px;
	padding: 0 4px;
	border-radius: 4px;
	background: var(--base-cont-trans-low);
	font: var(--font-ui-11-micro-bold);
	color: var(--base-txt-tertiary);
}

.paymentPage .paymentInfo.is-month .plan_name:after {
	display: none;
}

.paymentPage .paymentInfo__plan__header .plan_price {
	position: relative;
	font: var(--font-ui-22-title-1-semi);
	color: var(--base-txt-accent);
}

.paymentPage .paymentInfo__plan__header .plan_price:before {
	content: '$ ';
}

.paymentPage .paymentInfo__plan__header .plan_price:after {
	position: absolute;
	bottom: -20px;
	right: 0;
	content: attr(data-month);
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-tertiary);
	text-wrap: nowrap;
}

.paymentPage .paymentInfo__plan__limits {
	padding: 24px 0 8px 0;
	margin-bottom: 8px;
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-secondary);
}

.paymentPage .paymentInfo__line {
	border-bottom: 1px solid var(--base-line-tertiary);
}

.paymentPage .paymentInfo__plan__quotas__title {
	font: var(--font-ui-13-small-semi);
	padding-top: 8px;
}

.paymentPage .paymentInfo__plan__quotas {
	gap: 8px;
	padding-bottom: 12px;
}

.paymentPage .paymentInfo__plan__quotas__item {
	gap: 4px;
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-secondary);
}

.paymentPage .paymentInfo__plan__quotas__item ws-icon {
	width: 16px;
	height: 16px;
	--icon-size: 16px;
	--icon-color: var(--base-txt-secondary);
}

.paymentPage .paymentInfo__plan__quotas__item .number {
	margin-left: 8px;
	font: var(--font-ui-13-small-semi);
}

.paymentPage .paymentInfo__plan__quotas__item .number:after {
	content: ' 'attr(data-ext);
}

.paymentPage .paymentInfo__plan__quotas__item .number_add {
	margin-left: 8px;
	font: var(--font-ui-13-small-semi);
	color: var(--base-txt-btn-c);
}

.paymentPage .paymentInfo__plan__quotas__item .number_add:after {
	content: ' 'attr(data-ext);
}

.paymentPage .paymentInfo__plan__quotas__item .number + .number_add {
	margin-left: 0;
}

.paymentPage .paymentInfo__separator {
	position: relative;
	z-index: 2;
}

.paymentPage .paymentInfo__separator:before {
	content: '';
	position: absolute;
	background-image: radial-gradient(circle, var(--base-cont-low) 50%, transparent 50%);
	background-size: 8px 4px;
	background-repeat: repeat-x;
	background-position: 2px 4px;
	width: 94%;
	height: 12px;
	margin-left: 10px;
}

.paymentPage .paymentInfo__separator svg {
	width: 100%;
	height: 12px;
}

.paymentPage .paymentInfo__separator svg path {
	fill: var(--base-cont-top-elevated);
}

.paymentPage .paymentInfo__pricing {
	position: relative;
	z-index: 1;
	padding: 12px 24px;
	border-radius: 0 0 12px 12px;
	background: var(--base-cont-top-elevated);
	box-shadow: 0 2px 8px -2px var(--colors-graphite-trans-300);
	overflow: hidden;
}

.paymentPage .paymentInfo__pricing__group {
	padding-bottom: 8px;
	border-bottom: 1px solid var(--base-line-ghost);
}

.paymentPage .paymentInfo__pricing__item {
	gap: 10px;
	padding: 4px 0;
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-secondary);
}

.paymentPage .paymentInfo.is-month .paymentInfo__pricing__item[data-type=discount] {
	display: none;
}

.paymentPage .paymentInfo__pricing__item .discount_num {
	color: var(--base-txt-btn-c);
}

.paymentPage .paymentInfo__pricing__item .discount_num:before {
	content: '($';
}

.paymentPage .paymentInfo__pricing__item .discount_num:after {
	content: ')';
}

.paymentPage .paymentInfo__pricing__item .debt_num:before {
	content: '$';
}

.paymentPage .paymentInfo__pricing__sum {
	padding: 16px 0 12px;
	font: var(--font-ui-16-title-3-semi);
	color: var(--base-txt-accent);
}

.paymentPage .paymentInfo__pricing__sum .number:before {
	content: '$ ';
}

.paymentPage .paymentInfo__drop {
	position: relative;
	gap: 4px;
	margin-bottom: -52px;
	padding: 20px 24px 12px;
	border-radius: 0 0 12px 12px;
	/*box-shadow: 0 0 0 1px var(--base-line-ghost) inset, 0 16px 32px -16px var(--base-hlt-g-pressed) inset;*/
	background: var(--base-cont-mid);
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
	transition: all .5s ease-in-out;
}

.paymentPage .paymentInfo__drop[data-type=cash] {
	top: -54px;
}

.paymentPage .paymentInfo__drop[data-type=cashless] {
	top: -108px;
}

.paymentPage .paymentInfo__drop-show[data-type=cash],
.paymentPage .paymentInfo__drop-show[data-type=cashless] {
	top: -12px;
	margin-bottom: -12px;
}

.paymentPage .paymentInfo__drop .num_uah:after {
	content: ' ₴';
}

.paymentPage[data-type=cash] .paymentInfo__btn[data-type=cashless],
.paymentPage[data-type=cashless] .paymentInfo__btn[data-type=cash] {
	display: none;
}

.paymentPage .paymentInfo__btn ws-btn {
	padding: 24px 0 16px;
	width: 100%;
}

.paymentPage[data-type=cashless] .paymentInfo__btn .btn_notice {
	display: none;
}

.paymentPage .paymentInfo__btn .btn_notice {
	gap: 8px;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}

.paymentPage .paymentInfo__btn .btn_notice ws-icon {
	align-self: flex-start;
	width: 16px;
	height: 16px;
	--icon-size: 16px;
	--icon-color: var(--base-txt-tertiary);
}

.paymentPage .paymentInfo__btn .btn_notice ws-icon[name="lock_sm"] {
	width: 20px;
	--icon-size: 20px;
}

.paymentPage .paymentInfo__help {
	gap: 8px;
	align-self: center;
	padding: 62px 0 0 0;
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-tertiary);
}


@media (max-width: 960px) {
	.planPage__quotas {
		flex-direction: column;
	}

	.planPage__quotas__group:not(:last-child) {
		border-right: unset;
		border-bottom: 1px solid var(--base-line-tertiary);
	}

	.planPage__quotas__group__btns ws-btn {
		width: 128px;
	}
}

@media (max-width: 768px) {
	.planPage__details {
		flex-direction: column;
		padding: 0;
	}

	.planPage__details__group {
		padding: 32px 0;
	}

	.planPage__details__group:not(:last-child) {
		border-right: unset;
		border-bottom: 1px solid var(--base-line-tertiary);
	}

	.planPage__details__group:last-child {
		flex-basis: auto;
		height: 172px;
		box-sizing: border-box;
	}

	.billingContacts__list__title .person_h,
	.billingContacts__list__user .contact_person {
		flex-basis: 60%;
		min-width: 282px;
	}

	.billingContacts__list__user .contact_role {
		flex-basis: unset;
		flex-grow: 1;
	}

	.billingArchive__list_title .date_h,
	.billingArchive__list__item .bill_date {
		flex-basis: 15%;
	}

	.billingArchive__list_title .plan_h,
	.billingArchive__list__item .bill_plan {
		flex-basis: 30%;
	}

	.billingArchive__list_title .quotas_h,
	.billingArchive__list__item .bill_quotas {
		flex-basis: 30%;
	}
}

@media (max-width: 600px) {
	.planPage__help {
		flex-direction: column;
		gap: 20px;
	}

	.billingContacts__setup {
		padding-left: 0;
		padding-right: 0;
	}

	.billingContacts__list__user .contact_role .in {
		display: none;
	}

	.billingArchive .invoiceBlock {
		flex-direction: column;
		gap: 24px;
	}
}

@media (max-width: 480px) {
	.planPage, .billingContacts, .account-contacts, .billingArchive {
		margin-bottom: 100px;
	}
	.quotasModal__content {
		padding: 0;
	}
	.quotasModal__param, .quotasModal__billing, .quotasModal .setupBlock__info {
		border-radius: 0;
	}
	.quotasModal__param {
		padding: 16px 20px;
	}
	.quotasModal__param .quota_title {
		display: none;
	}
	.quotasModal__param .quota_counter {
		width: 35%;
	}
	.quotasModal__billing__content .plan_details {
		align-items: flex-start;
		gap: 8px;
	}
	.quotasModal__footer {
		flex-direction: column;
		gap: 8px;
	}
	.quotasModal__footer ws-btn:not([disabled]) {
		margin-left: unset;
	}
	.billingContacts__setup {
		padding-left: 12px;
	}
	.billingContacts__list, .billingArchive__list {
		margin-left: -12px;
		width: calc(100% + 24px);
	}
	.billingContacts__list__title .person_h, .billingContacts__list__user .contact_person {
		flex-grow: 1;
		max-width: none;
	}
	.billingContacts__list__user .contact_role {
		flex-grow: 0;
	}
	.billingArchive__header__title {
		padding-left: 24px;
	}
	.billingArchive .invoiceBlock ws-btn {
		align-self: unset;
	}
	.billingArchive__list_title, .billingArchive__list__item {
		padding-left: 36px;
	}
	.billingArchive__list_title .date_h, .billingArchive__list__item .bill_date {
		flex-basis: 58%;
	}
	.billingArchive__list_title .reason_h, .billingArchive__list__item .bill_reason {
		display: none;
	}
}


/* Payment page */

@media (max-width: 1200px) {
	.paymentPage .paymentMethod__period__group {
		flex-direction: column;
		padding-bottom: 24px;
	}
	.paymentPage .paymentMethod__period__item {
		max-width: none;
	}
}

@media (max-width: 1360px) {
	.paymentPage {
		padding: 20px 40px;
	}
	.paymentPage .paymentPage__content {
		flex-direction: column;
		align-items: center;
		/* gap: 50px; */
	}
	.paymentPage .paymentPage__left {
		align-self: unset;
		width: 100%;
		margin-top: 0;
	}
	.paymentPage .paymentPage__right {
		margin: 0 0 60px 0;
		padding: 50px 64px 24px;
		min-width: 546px;
		height: 100%;
	}
}

@media (max-width: 600px) {
	.paymentPage {
		padding-bottom: 0;
	}
	.paymentPage .paymentPage__right {
		margin: 0;
		padding: 50px 40px 24px;
		width: calc(100% + 80px);
		min-width: unset;
		border-radius: 0;
	}
	.paymentPage .paymentInfo {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.paymentPage {
		padding: 0 0 40px;
	}
	.paymentPage .paymentMethod__header {
		padding-top: 0;
	}
	.paymentPage .paymentMethod__header > span {
		padding-left: 14px;
	}
	.paymentPage .paymentPage__right {
		padding: 50px 12px 40px;
		width: calc(100% + 24px);
	}
	.paymentPage .inputBlock__wrapper.name {
		flex-wrap: wrap;
	}
	.paymentPage .inputBlock {
		width: 100%;
	}
	.paymentPage .paymentInfo__help {
		padding-top: 48px;
	}
}