:root {
    --modal-bg-color: #edf2f9;
    --modal-main-text: #5e6e82;
    --modal-semi-color: rgba(94, 110, 130, 0.7);
}

.ezpill-modals .modal-dialog {
    width: 1208px;
   /* height: 748px;*/
    padding: 17px 16px;
    /*overflow: scroll;*/
    font-family: 'Poppins', sans-serif;
    background-color: var(--modal-bg-color);
    border: none;
    transform: translate(-50%, -50%);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), min-height 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ezpill-modals .modal-header {
    border-bottom: none;
}
.ezpill-modals .modal-header h4 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: var(--modal-main-text);
    background-color: var(--modal-bg-color);
}

.ezpill-modals .modal-content {
    /*margin-bottom: 30px;*/
    /*padding: 16px 27px;*/
    background-color: var(--modal-bg-color);
    border: none;
}

.ezpill-modals .modal-body {
    margin-bottom: 30px;
    padding: 16px 27px;
    background-color: #fff;
    border: 2px solid var(--modal-bg-color);
}

.ezpill-modals input[type='text'] {
   /* width: 502px;*/
    height: 34px;
    padding: 10px 9px;
    font-family: inherit;
    font-size: 14px;
    color: var(--modal-semi-color);
    border: 1px solid #d8e2ef;
    border-radius: 4px;
}
.ezpill-modals textarea {
    resize: none;
    min-width: 303px;
    padding: 7px 10px;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    color: var(--modal-semi-color);
    border: 1px solid #d8e2ef;
    border-radius: 4px;
}

.ezpill-modals table {
    width: 100%;
    margin-bottom: 14px;
    border-collapse: collapse;
    border: none;
}

.ezpill-modals table thead {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    padding-left: 8px;
    color: var(--modal-main-text);
}

.ezpill-modals table tbody {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--modal-main-text);
}

.ezpill-modals table tbody span {
    font-size: 12px;
    color: #9aa6b5;
}


.ezpill-modals table th {
    vertical-align: top;
}

.ezpill-modals table th {
    padding: 8px 8px;
    font-weight: 500;
    border-collapse: collapse;
    border: none;
}

.ezpill-modals table td {
    padding: 8px 8px;
    border-collapse: collapse;
    border: none;
}


.ezpill-modals .tbody {
    font-weight: 500;
    background: #ffffff;
}

.ezpill-modals .tr-item:nth-child(even) {
    background: rgba(216, 226, 239, 0.15);
}


[class*=__container] {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 0.9375rem;
}

.checkbox {
    position: relative;
}

.checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

    .checkbox__input:checked + .checkbox__label:after {
        opacity: 1;
    }

.checkbox__label {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
}

    .checkbox__label:before {
        content: "";
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.875rem;
        flex: 0 0 0.875rem;
        width: 0.875rem;
        height: 0.875rem;
        border: 1px solid #a7a9ac;
        border-radius: 0.25rem;
    }

.no-webp .checkbox__label::after {
    background: url("../img/check.png") center no-repeat;
}

.checkbox__label::after {
    content: "";
    position: absolute;
    top: 0.0625rem;
    left: 0.0625rem;
    width: 0.75rem;
    height: 0.75rem;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    opacity: 0;
}

.checkbox__text {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

[class*=-ibg] {
    position: relative;
}

    [class*=-ibg] img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
    }

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain;
}

/*
.icon-menu {
	display: none;
	@media (max-width: $mobile) {
		display: block;
		position: relative;
		width: rem(30);
		height: rem(18);
		z-index: 5;
		@media (any-hover: none) {
			cursor: default;
		}
		span,
		&::before,
		&::after {
			content: "";
			transition: all 0.3s ease 0s;
			right: 0;
			position: absolute;
			width: 100%;
			height: rem(2);
			background-color: #000;
		}
		&::before {
			top: 0;
		}
		&::after {
			bottom: 0;
		}
		span {
			top: calc(50% - rem(1));
		}
		.menu-open & {
			span {
				width: 0;
			}
			&::before,
			&::after {
			}
			&::before {
				top: calc(50% - rem(1));
				transform: rotate(-45deg);
			}
			&::after {
				bottom: calc(50% - rem(1));
				transform: rotate(45deg);
			}
		}
	}
}
*/

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 0.875rem;
    padding: 0.125rem;
    min-width: 9.375rem;
    line-height: 1.7142857143;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.button--archive {
    background-color: #5e6e82;
    color: #fff;
}

.popup {
    padding: 1.25rem 1.25rem 6.8125rem 1.25rem;
}

.popup__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 0.625rem;
    font-family: Lato;
    text-transform: capitalize;
}

.popup__title {
    font-size: 1.375rem;
}

.popup__close {
    width: 1rem;
    height: 1rem;
}

    .popup__close img {
        max-width: 100%;
    }

.popup__content {
    padding: 1.5625rem 1.375rem 0rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup__text {
    background-color: #fff;
    padding: 0.875rem 1.25rem 1.25rem 0.625rem;
    color: #333333;
    line-height: 1.2;
}

    .popup__text p:not(:last-child) {
        margin-bottom: 0.625rem;
    }

.schedule {
    padding-top: 0.8125rem;
}

.schedule-line {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.3125rem 27.2959183673% 11.8197278912% 11.8197278912% 11.8197278912% 11.1394557823% 1fr;
    grid-template-columns: 1.3125rem 27.2959183673% 11.8197278912% 11.8197278912% 11.8197278912% 11.1394557823% 1fr;
    -webkit-column-gap: 1.1875rem;
    -moz-column-gap: 1.1875rem;
    column-gap: 1.1875rem;
    padding: 0.75rem 0.625rem;
}

.schedule__header {
    margin-bottom: 0.5625rem;
}

.schedule__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}

    .schedule__item button {
        width: 0.625rem;
        height: 0.625rem;
    }

    .schedule__item img {
        max-width: 100%;
    }

.schedule__row {
    background-color: #FFF6F2;
}

.steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.steps__rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.3125rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

    .steps__rows:not(:last-child) {
        margin-bottom: 0.4375rem;
    }

.steps__row {
    background-color: #fff;
    padding: 0.75rem 0.625rem;
    display: -ms-grid;
    display: grid;
    gap: 0.3125rem;
    -ms-grid-columns: 1.3125rem 1fr 24.2346938776% 15.9013605442%;
    grid-template-columns: 1.3125rem 1fr 24.2346938776% 15.9013605442%;
}

.steps__more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0.9375rem;
    text-decoration: underline;
    color: #FD5000 !important;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

    .steps__more:not(:last-child) {
        margin-bottom: 2.375rem;
    }

.steps__button {
    color: #fff;
    background-color: #FD5000;
    text-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.15);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.15);
}

    .steps__button:disabled {
        color: #fff;
        background-color: #f7d9cc;
        text-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.15);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.15);
    }
.steps_cancel_button {
    color: #fff;
    background-color: #5e6e82;
    text-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.15);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.15);
}

.box {
    font-family: "Lato";
}

.box__title {
    font-family: Lato;
    text-transform: capitalize;
    font-size: 1.375rem;
}

.box__header {
    padding: 0rem 0.625rem 0.625rem 0.625rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3.6875rem 18% 6% 7% 6% 12% 1rem 4.125rem 1fr;
    grid-template-columns: 3.6875rem 18% 6% 7% 6% 12% 1rem 4.125rem 1fr;
}

    .box__header:not(:last-child) {
        margin-bottom: 0.8125rem;
    }

.box__content {
    background-color: #fff;
    padding: 1.1875rem 2.4375rem 1.8125rem 0.625rem;
    border-radius: 0.625rem;
    color: #666666;
}

.box__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3.6875rem 18% 6% 6% 7% 12% 1rem 4.125rem 1fr;
    grid-template-columns: 3.6875rem 18% 6% 7% 6% 12% 1rem 4.125rem 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box__image {
    width: 2.4375rem;
    height: 1.875rem;
    border-radius: 0.1875rem;
    overflow: hidden;
}

    .box__image img {
        max-width: 100%;
    }

.box__drugdose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.3125rem;
}

.box__doctor {
    font-size: 0.625rem;
    color: #aeb4bc;
}

.box__directions {
    line-height: normal;
}

.box__checboxes {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.75rem;
}

.box__comments {
    padding: 0.5rem;
    background-color: #f0f0f0;
    color: #999999;
    border-radius: 0.125rem;
    min-height: 1.75rem;
}

.pending__title {
    font-family: Lato;
    text-transform: capitalize;
    font-size: 1.25rem;
}

    .pending__title:not(:last-child) {
        margin-bottom: 0.8125rem;
    }

.pending__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.pending__icon {
    padding: 0.5rem 0.9375rem 0.3125rem 0.625rem;
    position: relative;
    cursor: pointer;
}

    .pending__icon._hide {
        position: absolute;
        width: 100%;
        background-color: #fff;
        height: 100%;
        border-radius: 0.25rem;
        left: -0.125rem;
    }

.pending__subtitle {
    font-family: Roboto;
    min-width: 16.6875rem;
    text-align: center;
    padding: 0.3125rem 0.9375rem 0rem;
    background-color: transparent;
    min-height: 27px;
    font-weight: 500;
    -webkit-transition: border-bottom 0.3s ease 0s;
    -o-transition: border-bottom 0.3s ease 0s;
    transition: border-bottom 0.3s ease 0s;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 3px solid transparent !important;
    outline: none !important;
    color: #5e6e82
}

    .pending__subtitle._tab-active {
        border-bottom: 3px solid #fd5000 !important;
    }

.pending__content {
        font-family: "Lato";
    }

.pending-tab--line {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-grid-columns: 1.25rem 10.5442176871% 5.9523809524% 10.2040816327% 7.7380952381% 10.2040816327% 6.8027210884% 10.2040816327% 6.25rem 2.5rem;
    grid-template-columns: 1.25rem 10.5442176871% 5.9523809524% 10.2040816327% 7.7380952381% 10.2040816327% 6.8027210884% 10.2040816327% 6.25rem 2.5rem;
}

.pending-tab__header {
    padding: 1rem 0.625rem 0.625rem;
}

.pending-tab__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.1875rem;
}

.pending-tab__content {
    border-radius: 5px;
    background-color: #ffffff;
    padding: 0.8125rem 0.625rem 1.75rem;
}

.pending-tab__row:not(:last-child) {
    margin-bottom: 2.1875rem;
}

.pending-tab__item--status {
    text-align: center;
    color: #fff;
    border-radius: 0.25rem;
    font-family: "ArialMT";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem;
    max-height: 2rem;
}

.pending-tab__item--status-overdue {
    background-color: #fc4e4e;
}

.pending-tab__item--status-expiring {
    background-color: #ffd600;
}
.pending-tab__item--status-future {
    background-color: #63ff00;
}

.popup__archive {
    margin-top: 1.25rem;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media (min-width: 75em) {
    .popup__schedule:not(:last-child) {
        margin-bottom: 2.625rem;
    }

    .popup__text:not(:last-child) {
        margin-bottom: 2.625rem;
    }

    .popup__steps:not(:last-child) {
        margin-bottom: 2.375rem;
    }

    .popup__box:not(:last-child) {
        margin-bottom: 2.125rem;
    }

    .box__title:not(:last-child) {
        margin-bottom: 1.3125rem;
    }

    .box__header {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

    .box__row {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

        .box__row:not(:last-child) {
            margin-bottom: 1.3125rem;
        }

    .pending-tab--line {
        gap: 1.25rem;
    }
}

@media (max-width: 20em) {
    .popup__schedule:not(:last-child) {
        margin-bottom: 1.25rem;
    }

    .popup__text:not(:last-child) {
        margin-bottom: 1.25rem;
    }

    .popup__steps:not(:last-child) {
        margin-bottom: 1.25rem;
    }

    .popup__box:not(:last-child) {
        margin-bottom: 1.25rem;
    }

    .box__title:not(:last-child) {
        margin-bottom: 0.9375rem;
    }

    .box__header {
        -webkit-column-gap: 0.625rem;
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
    }

    .box__row {
        -webkit-column-gap: 0.625rem;
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
    }

        .box__row:not(:last-child) {
            margin-bottom: 0.625rem;
        }

    .pending-tab--line {
        gap: 0.625rem;
    }
}

@media (max-width: 61.99875em) {
    .popup {
        padding: 1.25rem 0.9375rem 6.8125rem 0.9375rem;
    }

    .popup__content {
        padding: 1.5625rem 0rem 0rem 0rem;
    }

    .pending__subtitle {
        min-width: 11.25rem;
    }
}

@media (max-width: 47.99875em) {
    .popup__text {
        padding: 0.875rem 0.625rem 1.25rem 0.625rem;
    }

    .schedule-line {
        overflow: auto;
        -ms-grid-columns: 1.3125rem 6.25rem 4.375rem 3.75rem 5rem 3.75rem 3.75rem;
        grid-template-columns: 1.3125rem 6.25rem 4.375rem 3.75rem 5rem 3.75rem 3.75rem;
    }

    .steps__row {
        -ms-grid-columns: 0.625rem 1fr 12.7551020408% 19.9829931973%;
        grid-template-columns: 0.625rem 1fr 12.7551020408% 19.9829931973%;
        overflow: auto;
    }

    .box__header {
        overflow: auto;
        -ms-grid-columns: 2.4375rem 9.375rem 2.1875rem 0.9375rem 6.25rem 0.875rem 1.5625rem 9.375rem;
        grid-template-columns: 2.4375rem 9.375rem 2.1875rem 0.9375rem 6.25rem 0.875rem 1.5625rem 9.375rem;
    }

    .box__content {
        padding: 0.9375rem 0.9375rem 1.25rem 0.625rem;
    }

    .box__row {
        overflow: auto;
        -ms-grid-columns: 2.4375rem 9.375rem 2.1875rem 0.9375rem 6.25rem 0.875rem 1.5625rem 9.375rem;
        grid-template-columns: 2.4375rem 9.375rem 2.1875rem 0.9375rem 6.25rem 0.875rem 1.5625rem 9.375rem;
    }

    .box__checboxes {
        gap: 0.625rem;
    }

    .pending__subtitle {
        min-width: 6.25rem;
    }

    .pending-tab--line {
        overflow: auto;
        -ms-grid-columns: 1.25rem 7.5rem 3.125rem 5rem 3.75rem 5.625rem 3.75rem 5.625rem 4.375rem 2.5rem;
        grid-template-columns: 1.25rem 7.5rem 3.125rem 5rem 3.75rem 5.625rem 3.75rem 5.625rem 4.375rem 2.5rem;
    }
}

@media (max-width: 29.99875em) {
    .pending__subtitle {
        min-width: 0;
        padding: 0.625rem;
    }
}

@media (min-width: 20em) and (max-width: 75em) {
    @supports (margin-bottom: clamp( 1.25rem , 0.75rem  +  2.5vw , 2.625rem )) {
        .popup__schedule:not(:last-child) {
            margin-bottom: clamp( 1.25rem, 0.75rem + 2.5vw, 2.625rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.25rem , 0.75rem  +  2.5vw , 2.625rem )) {
        .popup__schedule:not(:last-child) {
            margin-bottom: calc(1.25rem + 1.375 * (100vw - 20rem) / 55);
        }
    }

    @supports (margin-bottom: clamp( 1.25rem , 0.75rem  +  2.5vw , 2.625rem )) {
        .popup__text:not(:last-child) {
            margin-bottom: clamp( 1.25rem, 0.75rem + 2.5vw, 2.625rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.25rem , 0.75rem  +  2.5vw , 2.625rem )) {
        .popup__text:not(:last-child) {
            margin-bottom: calc(1.25rem + 1.375 * (100vw - 20rem) / 55);
        }
    }

    @supports (margin-bottom: clamp( 1.25rem , 0.8409090909rem  +  2.0454545455vw , 2.375rem )) {
        .popup__steps:not(:last-child) {
            margin-bottom: clamp( 1.25rem, 0.8409090909rem + 2.0454545455vw, 2.375rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.25rem , 0.8409090909rem  +  2.0454545455vw , 2.375rem )) {
        .popup__steps:not(:last-child) {
            margin-bottom: calc(1.25rem + 1.125 * (100vw - 20rem) / 55);
        }
    }

    @supports (margin-bottom: clamp( 1.25rem , 0.9318181818rem  +  1.5909090909vw , 2.125rem )) {
        .popup__box:not(:last-child) {
            margin-bottom: clamp( 1.25rem, 0.9318181818rem + 1.5909090909vw, 2.125rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.25rem , 0.9318181818rem  +  1.5909090909vw , 2.125rem )) {
        .popup__box:not(:last-child) {
            margin-bottom: calc(1.25rem + 0.875 * (100vw - 20rem) / 55);
        }
    }

    @supports (margin-bottom: clamp( 0.9375rem , 0.8011363636rem  +  0.6818181818vw , 1.3125rem )) {
        .box__title:not(:last-child) {
            margin-bottom: clamp( 0.9375rem, 0.8011363636rem + 0.6818181818vw, 1.3125rem );
        }
    }

    @supports not (margin-bottom: clamp( 0.9375rem , 0.8011363636rem  +  0.6818181818vw , 1.3125rem )) {
        .box__title:not(:last-child) {
            margin-bottom: calc(0.9375rem + 0.375 * (100vw - 20rem) / 55);
        }
    }

    @supports ((-moz-column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) or (column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem ))) {
        .box__header {
            -webkit-column-gap: clamp( 0.625rem, 0.3977272727rem + 1.1363636364vw, 1.25rem );
            -moz-column-gap: clamp( 0.625rem, 0.3977272727rem + 1.1363636364vw, 1.25rem );
            column-gap: clamp( 0.625rem, 0.3977272727rem + 1.1363636364vw, 1.25rem );
        }
    }

    @supports not ((-moz-column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) or (column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem ))) {
        .box__header {
            -webkit-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
            -moz-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
            column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
        }
    }

    @supports ((-moz-column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) or (column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem ))) {
        .box__row {
            -webkit-column-gap: clamp( 0.625rem, 0.3977272727rem + 1.1363636364vw, 1.25rem );
            -moz-column-gap: clamp( 0.625rem, 0.3977272727rem + 1.1363636364vw, 1.25rem );
            column-gap: clamp( 0.625rem, 0.3977272727rem + 1.1363636364vw, 1.25rem );
        }
    }

    @supports not ((-moz-column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) or (column-gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem ))) {
        .box__row {
            -webkit-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
            -moz-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
            column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
        }
    }

    @supports (margin-bottom: clamp( 0.625rem , 0.375rem  +  1.25vw , 1.3125rem )) {
        .box__row:not(:last-child) {
            margin-bottom: clamp( 0.625rem, 0.375rem + 1.25vw, 1.3125rem );
        }
    }

    @supports not (margin-bottom: clamp( 0.625rem , 0.375rem  +  1.25vw , 1.3125rem )) {
        .box__row:not(:last-child) {
            margin-bottom: calc(0.625rem + 0.6875 * (100vw - 20rem) / 55);
        }
    }

    @supports (gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
        .pending-tab--line {
            gap: clamp( 0.625rem, 0.3977272727rem + 1.1363636364vw, 1.25rem );
        }
    }

    @supports not (gap: clamp( 0.625rem , 0.3977272727rem  +  1.1363636364vw , 1.25rem )) {
        .pending-tab--line {
            gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 55);
        }
    }
}

@media (any-hover: hover) {
    .button--archive:hover {
        background-color: #4a5664;
    }

    .steps__more:hover {
        color: #e44800 !important;
    }

    .steps__button:hover {
        background-color: #e44800;
    }
    .steps__button:disabled:hover {
        background-color: #f3d8cb;
        cursor: not-allowed;
    }
}

.webp .checkbox__label::after {
    background: url(../css/images/check.webp) center no-repeat;
}