/* Responsive utilities */
.width-full { width: 100%; }
/*============================ Form-input ====================================*/
.pvs-input {
    font-family: inherit;
    font-size: var(--input-font-size, var(--_input-font-size));
    line-height: var(--input-line-height, var(--_input-line-height));
    width: var(--input-width, var(--_input-width, auto));
    max-width: var(--input-max-width, var(--_input-max-width, 100%));
    min-width: 1px;
    height: var(--input-height, var(--_input-height));
    min-height: var(--input-inner-height, var(--_input-inner-height));
    margin: 0;
    padding: var(--input-padding, var(--_input-padding));
    border: 1px solid var(--input-border-color, var(--_input-border-color));
    border-width: var(--input-border-width, var(--_input-border-width));
    border-radius: var(--input-border-radius, var(--_input-border-radius));
    background: var(--input-bg, var(--_input-bg)) right 13px center no-repeat;
    background-position-x: right 13px;
    background-position-y: calc(var(--input-height, var(--_input-height)) / 2 - 9px);
    transition: border-color .2s ease-in-out, background .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out;
    display: inline-grid;
    box-sizing: border-box;
    outline: none;
    float: none;
    color: var(--input-color, var(--_input-color));

    --_input-padding: var(--input-padding-y, var(--_input-padding-y, 0)) var(--input-padding-x, var(--_input-padding-x, 0));
    --_input-inner-height: calc(var(--input-height, var(--_input-height)) - var(--input-border-width, var(--_input-border-width)) * 2);
}
.pvs-input:where(:not(input, textarea)) {
    line-height: var(--input-inner-height, var(--_input-inner-height));
}
.pvs-input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.pvs-input::-ms-clear {
    display: none;
}
.pvs-input::-ms-reveal {
    display: none;
}
.pvs-input::-webkit-clear-button {
    pointer-events: auto;
    display: none;
}
.pvs-input:before {
    line-height: var(--_input-inner-height);
}
.pvs-input[type="password"] {
    /*font-family: sans-serif;*/
}
.pvs-input[readonly] {
    cursor: default;
}
.pvs-input[orient="vertical"] {
    height: auto;
}
.pvs-input:where(textarea) {
    height: var(--textarea-height, auto);
    vertical-align: top;
    resize: vertical;
    overflow: auto;
    --_input-padding-y: calc((var(--input-inner-height, var(--_input-inner-height)) - (var(--input-line-height, var(--_input-line-height)) * var(--input-font-size, var(--_input-font-size)))) / 2);
}
.pvs-input:where(textarea.no-resize) {
    resize: none;
}
.pvs-input:where(textarea.resize-h) {
    resize: horizontal;
}
.pvs-input:where(textarea.resize-both) {
    resize: vertical;
}
.pvs-input:hover, .pvs-input.hover {}
.pvs-input:focus, .pvs-input.focus, .pvs-input:has(:focus) {
    --_input-border-color: var(--input-border-color-focus, var(--_input-border-color-focus));
    --_input-bg: var(--input-bg-focus, var(--_input-bg-focus));
}
.pvs-input:where(input, textarea):not(:placeholder-shown), .pvs-input:has(:where(input, textarea):not(:placeholder-shown)) {
    /*--input-border-color: var(--color-green);*/
}
.pvs-input.error, .pvs-input:has(.error) {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDIgMC42NjY3NDhDNC40MDgzNSAwLjY2Njc0OCAwLjY2NjY4NyA0LjQwODQxIDAuNjY2Njg3IDkuMDAwMDhDMC42NjY2ODcgMTMuNTkxNyA0LjQwODM1IDE3LjMzMzQgOS4wMDAwMiAxNy4zMzM0QzEzLjU5MTcgMTcuMzMzNCAxNy4zMzM0IDEzLjU5MTcgMTcuMzMzNCA5LjAwMDA4QzE3LjMzMzQgNC40MDg0MSAxMy41OTE3IDAuNjY2NzQ4IDkuMDAwMDIgMC42NjY3NDhaTTguMzc1MDIgNS42NjY3NUM4LjM3NTAyIDUuMzI1MDggOC42NTgzNSA1LjA0MTc1IDkuMDAwMDIgNS4wNDE3NUM5LjM0MTY5IDUuMDQxNzUgOS42MjUwMiA1LjMyNTA4IDkuNjI1MDIgNS42NjY3NVY5LjgzMzQxQzkuNjI1MDIgMTAuMTc1MSA5LjM0MTY5IDEwLjQ1ODQgOS4wMDAwMiAxMC40NTg0QzguNjU4MzUgMTAuNDU4NCA4LjM3NTAyIDEwLjE3NTEgOC4zNzUwMiA5LjgzMzQxVjUuNjY2NzVaTTkuNzY2NjkgMTIuNjUwMUM5LjcyNTAyIDEyLjc1ODQgOS42NjY2OSAxMi44NDE3IDkuNTkxNjkgMTIuOTI1MUM5LjUwODM1IDEzLjAwMDEgOS40MTY2OSAxMy4wNTg0IDkuMzE2NjkgMTMuMTAwMUM5LjIxNjY5IDEzLjE0MTcgOS4xMDgzNSAxMy4xNjY3IDkuMDAwMDIgMTMuMTY2N0M4Ljg5MTY5IDEzLjE2NjcgOC43ODMzNSAxMy4xNDE3IDguNjgzMzUgMTMuMTAwMUM4LjU4MzM1IDEzLjA1ODQgOC40OTE2OSAxMy4wMDAxIDguNDA4MzUgMTIuOTI1MUM4LjMzMzM1IDEyLjg0MTcgOC4yNzUwMiAxMi43NTg0IDguMjMzMzUgMTIuNjUwMUM4LjE5MTY5IDEyLjU1MDEgOC4xNjY2OSAxMi40NDE3IDguMTY2NjkgMTIuMzMzNEM4LjE2NjY5IDEyLjIyNTEgOC4xOTE2OSAxMi4xMTY3IDguMjMzMzUgMTIuMDE2N0M4LjI3NTAyIDExLjkxNjcgOC4zMzMzNSAxMS44MjUxIDguNDA4MzUgMTEuNzQxN0M4LjQ5MTY5IDExLjY2NjcgOC41ODMzNSAxMS42MDg0IDguNjgzMzUgMTEuNTY2N0M4Ljg4MzM1IDExLjQ4MzQgOS4xMTY2OSAxMS40ODM0IDkuMzE2NjkgMTEuNTY2N0M5LjQxNjY5IDExLjYwODQgOS41MDgzNSAxMS42NjY3IDkuNTkxNjkgMTEuNzQxN0M5LjY2NjY5IDExLjgyNTEgOS43MjUwMiAxMS45MTY3IDkuNzY2NjkgMTIuMDE2N0M5LjgwODM1IDEyLjExNjcgOS44MzMzNSAxMi4yMjUxIDkuODMzMzUgMTIuMzMzNEM5LjgzMzM1IDEyLjQ0MTcgOS44MDgzNSAxMi41NTAxIDkuNzY2NjkgMTIuNjUwMVoiIGZpbGw9IiNFRTQ0NDQiLz4KPC9zdmc+Cg==");

    --_input-border-color: var(--input-border-color-error, var(--_input-border-color-error));
    --_input-bg: var(--input-bg-error, var(--_input-bg-error));
}
.pvs-input.valid, .pvs-input:has(.valid) {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDIgMC42NjY3NDhDNC40MDgzNSAwLjY2Njc0OCAwLjY2NjY4NyA0LjQwODQxIDAuNjY2Njg3IDkuMDAwMDhDMC42NjY2ODcgMTMuNTkxNyA0LjQwODM1IDE3LjMzMzQgOS4wMDAwMiAxNy4zMzM0QzEzLjU5MTcgMTcuMzMzNCAxNy4zMzM0IDEzLjU5MTcgMTcuMzMzNCA5LjAwMDA4QzE3LjMzMzQgNC40MDg0MSAxMy41OTE3IDAuNjY2NzQ4IDkuMDAwMDIgMC42NjY3NDhaTTEyLjk4MzQgNy4wODM0MUw4LjI1ODM1IDExLjgwODRDOC4xNDE2OSAxMS45MjUxIDcuOTgzMzUgMTEuOTkxNyA3LjgxNjY5IDExLjk5MTdDNy42NTAwMiAxMS45OTE3IDcuNDkxNjkgMTEuOTI1MSA3LjM3NTAyIDExLjgwODRMNS4wMTY2OSA5LjQ1MDA4QzQuNzc1MDIgOS4yMDg0MSA0Ljc3NTAyIDguODA4NDEgNS4wMTY2OSA4LjU2Njc1QzUuMjU4MzUgOC4zMjUwOCA1LjY1ODM1IDguMzI1MDggNS45MDAwMiA4LjU2Njc1TDcuODE2NjkgMTAuNDgzNEwxMi4xIDYuMjAwMDhDMTIuMzQxNyA1Ljk1ODQxIDEyLjc0MTcgNS45NTg0MSAxMi45ODM0IDYuMjAwMDhDMTMuMjI1IDYuNDQxNzUgMTMuMjI1IDYuODMzNDEgMTIuOTgzNCA3LjA4MzQxWiIgZmlsbD0iIzlCQjE5QiIvPgo8L3N2Zz4K");
}
.pvs-input:disabled, .pvs-input.disabled, .pvs-input:has(:disabled), .pvs-input:has(.disabled) {
    border-color: var(--input-disabled-border-color, var(--_input-disabled-border-color));
    background: var(--input-disabled-bg-color, var(--_input-disabled-bg-color));
    box-shadow: none;
    color: var(--input-disabled-color, var(--_input-disabled-color));
    cursor: not-allowed;
}

.pvs-input::-webkit-input-placeholder {
    font-size: inherit;
    color: var(--input-plaseholder-color, var(--_input-plaseholder-color));
    opacity: var(--input-plaseholder-opacity, var(--_input-plaseholder-opacity));
}
.pvs-input::-moz-placeholder {
    font-size: inherit;
    color: var(--input-plaseholder-color, var(--_input-plaseholder-color));
    opacity: var(--input-plaseholder-opacity, var(--_input-plaseholder-opacity));
}
.pvs-input:-ms-input-placeholder {
    font-size: inherit;
    color: var(--input-plaseholder-color, var(--_input-plaseholder-color));
    opacity: var(--input-plaseholder-opacity, var(--_input-plaseholder-opacity));
}
.pvs-input:placeholder {
    font-size: inherit;
    color: var(--input-plaseholder-color, var(--_input-plaseholder-color));
    opacity: var(--input-plaseholder-opacity, var(--_input-plaseholder-opacity));
}

.pvs-input:autofill {
    border-color: var(--input-border-color, var(--_input-border-color));
    box-shadow: 0 0 0 var(--input-height, var(--_input-height)) var(--input-bg, var(--_input-bg)) inset;
    -webkit-text-fill-color: var(--input-color, var(--_input-color));
}
.pvs-input:-internal-autofill-previewed, .pvs-input:-internal-autofill-selected {
    border-color: var(--input-border-color, var(--_input-border-color));
    box-shadow: 0 0 0 var(--input-height, var(--_input-height)) var(--input-bg, var(--_input-bg)) inset;
    -webkit-text-fill-color: var(--input-color, var(--_input-color));
}

.pvs-input--wrap, .pvs-input-wrap {
    height: auto !important;
    display: inline-flex;
    align-items: flex-start;
    white-space: nowrap;
    table-layout: fixed;
}
.pvs-input--wrap {
    padding: 0;
    background-image: none;
}
.pvs-input--wrap.error {
    background-image: none;
}
.pvs-input--wrap > *, .pvs-input-wrap > * {
    flex: 1 0 auto;
}
.pvs-input--wrap:before, .pvs-input-wrap:before {
    font-size: inherit;
    content: "\00A0";
    width: 0px;
    display: inline-block;
    vertical-align: baseline;
    text-indent: -1em;
    flex: 0 0 0px;
    overflow: hidden;
}
.pvs-input-wrap:before {
    font-size: var(--input-font-size, var(--_input-font-size));
    line-height: var(--_input-inner-height);
}
.pvs-input-wrap > .pvs-input {
    height: 100%;
    display: table-cell;
    vertical-align: top;
}

.pvs-input-wrap--base {
    align-items: baseline;
}
.pvs-input--date {
    min-width: 12ch;
}
.pvs-input--inline {
    width: auto;
    display: inline-block;
}
.pvs-input--wide {
    --_input-width: 100%;
}

.pvs-input > .pvs-input, .pvs-input > .pvs-select, .pvs-input > .pvs-button {
    height: 100%;
    min-height: inherit;
    border: none;
    vertical-align: top;
}
.pvs-input > .pvs-button {
    line-height: var(--_input-inner-height);
}
.pvs-input > .pvs-input {
    min-width: 1px;
    background-color: transparent;
    flex: 1 1 auto;
}
.pvs-input > .ui-spinner {
    height: 100%;
}

.pvs-input--sm {
    --_input-font-size: 13px;
    --_input-line-height: 20px;
    --_input-height: 24px;
    --_input-padding: 1px 10px;
}
.pvs-input--lg {
    --_input-line-height: 20px;
    --_input-height: 40px;
    --_input-padding: 9px 19px;
    background-position: right 10px top 10px;
}

.pvs-input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    overflow: visible;
}
.pvs-input[type="number"]::-webkit-outer-spin-button {
    display: none;
}
.pvs-input[type="number"]::-webkit-inner-spin-button {
    display: none;
}

.pvs-input[type="range"] {
    height: var(--_input-range-thumb-size);
    display: inline-block;
    /*-webkit-appearance: slider-horizontal;*/
    -webkit-appearance: none;

    --_input-bg: none;
    --_input-border-width: 0px;
    --_input-height: auto;
    --_input-padding: 0;
}
.pvs-input[type="range"]::-webkit-slider-container {
    height: var(--_input-range-thumb-size);
    border-radius: var(--_input-range-radius);
    overflow: hidden;
    -webkit-appearance: slider-horizontal;
}
.pvs-input[type="range"]::-webkit-slider-runnable-track {
    block-size: var(--_input-range-size);
    border: none;
    border-radius: var(--_input-range-radius);
    box-shadow: none;
    background: var(--_input-range-bg);
}
.pvs-input[type="range"]::-webkit-slider-thumb {
    position: relative;
    top: 50%;
    width: var(--_input-range-thumb-size);
    height: var(--_input-range-thumb-size);
    border: none;
    border-radius: var(--_input-range-thumb-radius);
    box-shadow: calc(-100vmax - var(--_input-range-thumb-size)) 0 0 100vmax var(--_input-range-progress-bg);
    background: var(--_input-range-thumb-bg);
    clip-path: polygon(100% -1px, var(--clip-edges) -1px, var(--clip-edges) var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), var(--clip-edges) var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
    transform: translateY(-50%);
    -webkit-appearance: none;

    --clip-top: calc((var(--_input-range-thumb-size) - var(--_input-range-size)) * 0.5 - 0px);
    --clip-bottom: calc(var(--_input-range-thumb-size) - var(--clip-top));
    --clip-further: calc(100% + 1px);
    --clip-edges: 0.3px;
}

.pvs-input[type="range"]::-moz-range-track {
    inline-size: 100%;
    block-size: var(--_input-range-size);
    border: none;
    border-radius: var(--_input-range-radius);
    background: var(--_input-range-bg);
    box-sizing: inherit;
}
.pvs-input[type="range"]::-moz-range-progress {
    width: var(--_input-range-size);
    height: var(--_input-range-size);
    margin: 0 auto;
    border: none;
    border-radius: var(--_input-range-radius);
    background: var(--_input-range-progress-bg);
    display: block !important;
    float: left !important;
    box-sizing: inherit;
}
.pvs-input[type="range"]::-moz-range-thumb {
    width: var(--_input-range-thumb-size);
    height: var(--_input-range-thumb-size);
    border: none;
    border-radius: var(--_input-range-thumb-radius);
    background: var(--_input-range-thumb-bg);
    box-sizing: inherit;
}
.pvs-input[type="range"]::-moz-range-thumb:before {
    position: absolute;
    /*content: "";*/
    width: 10px;
    height: 10px;
    background: yellow;
}

.pvs-input[type="range"]::-ms-track {
    background: var(--_input-range-bg);
    border: none;
    border-radius: var(--_input-range-radius);
}
.pvs-input[type="range"]::-ms-ticks-after {}
.pvs-input[type="range"]::-ms-ticks-before {}
.pvs-input[type="range"]::-ms-thumb {
    width: var(--_input-range-thumb-size);
    height: var(--_input-range-thumb-size);
    border: none;
    border-radius: var(--_input-range-thumb-radius);
    background: var(--_input-range-thumb-bg);
    -webkit-appearance: none;
}
.pvs-input[type="range"]::-ms-tooltip {}
.pvs-input[type="range"]::-ms-fill-lower {}
.pvs-input[type="range"]::-ms-fill-upper {}

.pvs-input[type="range"][orient="vertical"] {
    -webkit-appearance: slider-vertical;
    -webkit-writing-mode: bt-lr;
    -ms-writing-mode: bt-lr;
    writing-mode: bt-lr;
}
.pvs-input[type="range"][orient="vertical"]::-webkit-slider-container {
    -webkit-appearance: slider-vertical;
}
.pvs-input[type="range"][orient="vertical"]::-webkit-slider-runnable-track {
    -webkit-appearance: slidertrack-vertical;
}
.pvs-input[type="range"][orient="vertical"]::-webkit-slider-thumb {
    -webkit-appearance: sliderthumb-vertical;
}
.pvs-input[type="range"][orient="vertical"]::-moz-range-track {
    inline-size: var(--_input-range-size);
    block-size: 100%;
}
.pvs-input[type="range"][orient="vertical"]::-moz-range-thumb {
    transform: rotate(90deg);
}

.pvs-input--panel {
    --_input-font-size: 24px;
    --_input-border-radius: 0;
}
@media (min-width: 768px) {
    .pvs-input--panel {
        --_input-font-size: 16px;
        --_input-border-radius: 10px;
    }
}
/*============================!Form-input!====================================*/
/*============================ Form-select ===================================*/
.pvs-select {
    position: relative;
    font-family: inherit;
    font-size: var(--input-font-size, var(--_input-font-size));
    line-height: var(--input-line-height, var(--_input-line-height));
    width: var(--input-width, var(--_input-width, auto));
    max-width: 100%;
    height: var(--input-height, var(--_input-height));
    min-height: var(--_input-inner-height);
    padding: var(--input-padding, var(--_input-padding));
    padding-top: 0;
    padding-bottom: 0;
    padding-right: var(--select-padding-right, var(--_select-padding-right, 48px));
    border: 0px solid var(--input-border-color, var(--_input-border-color));
    border-width: var(--input-border-width, var(--_input-border-width));
    border-radius: var(--input-border-radius, var(--_input-border-radius));
    background: var(--input-bg, var(--_input-bg, transparent)) var(--select-icon, var(--_select-icon, none)) var(--select-icon-pos, var(--_select-icon-pos, right 28px center)) / var(--select-icon-size, var(--_select-icon-size, 8px 5px)) no-repeat;
    transition: all .2s ease-in-out;
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    color: var(--input-color, var(--_input-color));

    --_input-padding: var(--input-padding-y, var(--_input-padding-y, 0)) var(--input-padding-x, var(--_input-padding-x, 0));
    /*--_input-inner-height: calc(var(--input-height, var(--_input-height)) - var(--input-border-width, var(--_input-border-width)) * 2);*/
    --_input-inner-height: calc(1lh + var(--input-padding-y, var(--_input-padding-y)) * 2);
}
.pvs-select::-ms-value {
    padding: 0;
    margin: 0;
}
.pvs-select::-ms-expand {
    opacity: 0;
    display: none;
}
.pvs-select::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.pvs-select:before {
    line-height: var(--_input-inner-height);
}
.pvs-select[multiple] {
    height: auto;
    padding: 0;
}
.pvs-select[multiple] option {
    padding: 5px 10px 5px 10px;
}
.pvs-select:focus, .pvs-select.focus {
    --_select-icon: var(--select-icon-focus, var(--_select-icon-focus));
    --_input-border-color: var(--input-border-color-focus, var(--_input-border-color-focus));
    --_input-bg: var(--input-bg-focus, var(--_input-bg-focus));
}
.pvs-select.error {
    --_input-border-color: var(--input-border-color-error, var(--_input-border-color-error));
    --_input-bg: var(--input-bg-color-error, var(--_input-bg-error));
}
.pvs-select:disabled, .pvs-select.disabled {
    border-color: var(--input-disabled-border-color, var(--_input-disabled-border-color));
    background: var(--input-disabled-bg-color, var(--_input-disabled-bg-color));
    box-shadow: none;
    color: var(--input-disabled-color, var(--_input-disabled-color));
    cursor: not-allowed;
}
.pvs-select--inline {
    width: auto;
    display: inline-block;
}
.pvs-select--wide {
    --_input-width: 100%;
}
.pvs-select.is-empty {}
.pvs-select .default {}

.pvs-select--wrap, .pvs-select-wrap {
    height: auto !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: flex-start;
    white-space: nowrap;
    table-layout: fixed;
}
.pvs-select--wrap:before, .pvs-select-wrap:before {
    font-size: inherit;
    content: "\00A0";
    width: 0px;
    display: inline-block;
    vertical-align: baseline;
    text-indent: -1em;
    overflow: hidden;
}
.pvs-select-wrap > .pvs-select {
    height: 100%;
    display: table-cell;
    vertical-align: top;
}
.pvs-select > .pvs-select {
    height: 100%;
    border: none;
    background: none;
    box-shadow: none;
    display: table-cell;
    vertical-align: top;
}
.pvs-select-wrap:before {
    font-size: var(--input-font-size, var(--_input-font-size));
    line-height: var(--input-height, var(--_input-height));
}

.pvs-select--sm {
    --_input-font-size: 13px;
    --_input-line-height: 22px;
    --_input-height: 24px;
    --_input-padding: 0 35px 0 10px;
}

.pvs-select--lg {
    --_input-line-height: 38px;
    --_input-height: 40px;
    --_input-padding: 0 35px 0 19px;
}
/*============================!Form-select!===================================*/
/*============================ Form-button ===================================*/
.pvs-button {
    position: relative;
    font: inherit;
    font-size: var(--button-font-size, var(--_button-font-size, 16px));
    font-weight: var(--button-font-weight, var(--_button-font-weight, normal));
    font-variant: var(--button-font-variant, var(--_button-font-variant, normal));
    line-height: var(--button-line-height, var(--_button-line-height, calc(20 / 16)));
    letter-spacing: var(--button-letter-spacing, var(--_button-letter-spacing));
    width: var(--button-width, var(--_button-width, auto));
    max-width: var(--button-max-width, var(--_button-max-width, 100%));
    min-width: var(--button-min-width, var(--_button-min-width, 1px));
    height: var(--button-height, var(--_button-height, auto));
    max-height: 100%;
    min-height: var(--button-inner-height, var(--_button-inner-height));
    margin: 0;
    padding: var(--button-padding, var(--_button-padding));
    border: var(--button-border-width, var(--_button-border-width, 0)) solid var(--button-border-color, var(--_button-border-color, transparent));
    border-radius: var(--button-radius, var(--_button-radius, 0));
    background: var(--button-bg, var(--_button-bg));
    background-origin: border-box;
    box-shadow: var(--button-shadow, var(--_button-shadow));
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: all .2s ease-in-out;
    /*white-space: nowrap;*/
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: var(--button-gap, var(--_button-gap, 10px));
    align-items: center;
    justify-content: center;
    overflow: visible;
    box-sizing: border-box;
    text-align: center;
    text-transform: var(--button-text-transform, var(--_button-text-transform, none));
    text-shadow: none;
    text-decoration: none;
    outline: none !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: var(--button-color, var(--_button-color));

    --_button-inner-height: calc(var(--button-height, var(--_button-height, 40px)) - (var(--button-border-width, var(--_button-border-width, 0px)) * 2));
    --_button-padding: var(--button-padding-y, var(--_button-padding-y, 0)) var(--button-padding-x, var(--_button-padding-x, 0));
    --_button-hover-overlay: 0 0 0 var(--button-height, var(--_button-height)) transparent inset;

    --link-line: none;
    --link-line-hover: none;
}
.pvs-button:where(.text-uppercase) {
    --_button-font-size: 13px;
    --_button-line-height: calc(20 / 13);
    --_button-text-transform: uppercase;
}
.pvs-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.pvs-button:focus, .pvs-button.focus, .pvs-button:active:focus, .pvs-button:active.focus, .pvs-button.active:focus, .pvs-button.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.pvs-button__inner {
    white-space: normal;
    pointer-events: none;
    grid-area: 1 / 2 / 2 / 3;
}

.pvs-button__input-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pvs-button__input, .pvs-button__input-wrap input {
    position: absolute;
    font-size: 500px;
    top: -150px;
    right: -2px;
    height: 300px;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.pvs-button__icon {
    position: relative;
    max-width: none;
    line-height: 0;
    width: var(--button-icon-size-w, var(--_button-icon-size-w, auto));
    height: var(--button-icon-size-h, var(--_button-icon-size-h, auto));
    padding: var(--button-icon-padding, var(--_button-icon-padding, 0px));
    border-radius: var(--button-icon-radius, var(--_button-icon-radius, 0px));
    background: var(--button-icon-bg, var(--_button-icon-bg, none));
    display: inline-flex;
    vertical-align: text-bottom;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--button-icon-color, var(--_button-icon-color, inherit));
    fill: var(--button-icon-fill, var(--_button-icon-fill, currentColor));
    stroke: var(--button-icon-stroke, var(--_button-icon-stroke, currentColor));
}
.pvs-button__icon .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.pvs-button--block, .pvs-button--wide {
    --_button-width: 100%;
    display: grid;
}
a.pvs-button.disabled, fieldset[disabled] a.pvs-button {
    pointer-events: none;
}
.pvs-button:disabled, .pvs-button.disabled {
    border-color: var(--_button-border-color-disabled);
    box-shadow: none;
    background: var(--_button-bg-disabled);
    background-origin: border-box;
    cursor: default;
    color: var(--_button-color-disabled);
}

.pvs-button:where(:focus) {
    border-color: var(--button-border-color-hover, var(--_button-border-color-hover, var(--_button-border-color)));
    background: var(--button-bg-hover, var(--_button-bg-hover, var(--_button-bg)));
    box-shadow: var(--button-shadow-focus, var(--_button-shadow-focus, var(--_button-shadow, 0 0 0 transparent)));
    color: var(--button-color-hover, var(--_button-color-hover, var(--_button-color)));
}
@media (hover: hover) {
    .pvs-button:where(:hover) {
        border-color: var(--button-border-color-hover, var(--_button-border-color-hover, var(--_button-border-color)));
        background: var(--button-bg-hover, var(--_button-bg-hover, var(--_button-bg)));
        box-shadow: var(--button-shadow-hover, var(--_button-shadow-hover, var(--_button-shadow, 0 0 0 transparent)));
        color: var(--button-color-hover, var(--_button-color-hover, var(--_button-color)));
    }
    .pvs-button:not(:hover) .pvs-button__hover-show, .pvs-button:hover .pvs-button__hover-hide, .pvs-button:not(.active) .pvs-button__active-show, .pvs-button.active .pvs-button__active-hide {
        display: none;
    }
}

.pvs-button .svg-icon {
    transition: none;
}

.pvs-button--sm {
    --_button-font-size: 13px;
    --_button-line-height: calc(20 / 13);
    --_button-height: 32px;
    --_button-radius: 6px;
    --_button-padding-x: 10px;
}
.pvs-button--sm:where(.text-uppercase) {
    --_button-font-size: 11px;
    --_button-line-height: calc(18 / 11);
}
.pvs-button--lg {
    --_button-font-size: 18px;
    --_button-line-height: calc(20 / 18);
    --_button-height: 48px;
    --_button-padding-x: 19px;
}
.pvs-button--lg:where(.text-uppercase) {
    --_button-font-size: 15px;
    --_button-line-height: calc(20 / 15);
}

.pvs-button--rounded {
    --_button-radius: var(--button-height, var(--_button-height, 0));
}

.pvs-button--default {
    font: inherit;
    line-height: inherit;
    height: auto;
    min-height: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
    text-align: inherit;
    white-space: normal;
    color: inherit;
}
.pvs-button--default:where(.link) {
    text-decoration: var(--link-line, var(--_link-line));
    text-decoration-color: var(--link-line-color, var(--_link-line-color));
    text-decoration-style: var(--link-line-style, var(--_link-line-style));
    text-decoration-thickness: var(--link-line-thickness, var(--_link-line-thickness));
    transition: background-color var(--transition-duration) ease-in-out 0s, color var(--transition-duration) ease-in-out 0s, opacity var(--transition-duration) ease-in-out 0s;
    color: var(--link-color, var(--_link-color));
    --link-line: inherit;
    --link-line-hover: inherit;
}
@media (hover: hover) {
    .pvs-button--default:hover {
        border: none;
        border-radius: 0;
        background: none;
        color: inherit;
    }
    .pvs-button--default:where(.link):hover {
        text-decoration-line: var(--link-line-hover, var(--_link-line-hover));
        text-decoration-color: var(--link-line-color-hover, var(--_link-line-color-hover));
        text-decoration-style: var(--link-line-style-hover, var(--_link-line-style-hover));
        text-decoration-thickness: var(--link-line-thickness, var(--_link-line-thickness));
        color: var(--link-color-hover, var(--_link-color-hover));
    }
}
.pvs-button--default:disabled {
    border-color: transparent;
    background: transparent;
    color: var(--_button-color-disabled);
}

.pvs-button--fill {
    --_button-border-color: var(--color-green-dark);
    --_button-border-color-hover: var(--color-green);
    --_button-border-color-disabled: var(--color-green-light);
    --_button-bg: var(--color-green-dark);
    --_button-bg-hover: var(--color-green);
    --_button-bg-disabled: var(--color-green-light);
    --_button-color: #fff;
    --_button-color-hover: var(--_button-color);
    --_button-color-disabled: var(--_button-color);
}
.pvs-button--fill:where(:hover) {
}

.pvs-button--gray {
    --_button-border-width: 0px;
    --_button-border-color: transparent;
    --_button-bg: #E6E6E6;
    --_button-bg-hover: var(--_button-bg);
    --_button-color: var(--color-green-dark);
    --_button-color-hover: var(--_button-color);
    --_button-shadow: none;
    --_button-shadow-focus: none;
}


/*.pvs-button--green {
    --_button-border-width: 0px;
    --_button-border-color: transparent;
    --_button-border-color-hover: var(--_button-border-color);
    --_button-bg: linear-gradient(0deg, #4F9101, #4F9101), linear-gradient(95.75deg, #FDCB4D -11.73%, #FFB701 109.24%);
    --_button-shadow: 0 0 0 var(--button-inner-height, var(--_button-inner-height)) rgba(255, 255, 255, 0) inset;
    --_button-shadow-hover: 0 0 0 var(--button-inner-height, var(--_button-inner-height)) rgba(255, 255, 255, 0.2) inset;
    --self-hover-overlay: 0 0 0 transparent;
    --_button-color: #fff;
    --_button-color-hover: var(--_button-color);
}

.pvs-button--orange {
    --_button-border-width: 0px;
    --_button-border-color: transparent;
    --_button-border-color-hover: var(--_button-border-color);
    --_button-bg: linear-gradient(95.75deg, #FDCB4D -11.73%, #FFB701 109.24%);
    --_button-color: currentColor;
    --_button-color-hover: var(--_button-color);
}
.pvs-button--orange:where(:hover) {
    --self-hover-overlay: 0 0 0 var(--button-height, var(--_button-height)) var(--button-hover-overlay, var(--_button-hover-overlay)) inset;
}

.pvs-button--white {
    --_button-border-width: 1px;
    --_button-border-color: #F5F5F5;
    --_button-border-color-hover: var(--color-green);
    --_button-bg: #fff;
    --_button-color: currentColor;
    --_button-color-hover: var(--color-green);
    --_button-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    --self-hover-overlay: 0 0 0 transparent;
}
.pvs-button--white:where(:hover) {}

.pvs-button--burger {
    justify-content: stretch;
    --_button-width: var(--_button-height);
    --_button-padding: 5px;
    --_button-radius: 0px;
    --_button-border-color: transparent;
    --_button-border-color-hover: transparent;
    --_button-bg: none;
    --_button-bg-hover: none;
    --_button-shadow: none;
    --_button-shadow-focus: none;
    --_button-color: var(--color-gray-700);
    --_button-color-hover: var(--color-gray-700);
}*/

.remove-btn {
    justify-content: flex-start;

    --_button-font-size: 13px;
    --_button-font-weight: bold;
    --_button-line-height: calc(20 / 13);
    --_button-padding-x: 0px;
    --_button-padding-y: 0px;
    --_button-border-width: 0px;
    --_button-radius: 0px;
    --_button-bg: none;
    --_button-bg-hover: none;
    --_button-shadow: none;
    --_button-shadow-focus: none;
    --_button-gap: 12px;
    --_button-color: var(--color-gray-500);
    --_button-color-hover: var(--_button-color);
    --_button-icon-color: #B8B8B8;
}
.edit-btn {
    justify-content: flex-start;

    --_button-font-size: 13px;
    --_button-font-weight: normal;
    --_button-line-height: calc(16 / 13);
    --_button-padding-x: 0px;
    --_button-padding-y: 0px;
    --_button-border-width: 0px;
    --_button-radius: 0px;
    --_button-bg: none;
    --_button-gap: 12px;
    --_button-color: #707487;
    --_button-icon-color: #A6A6A6;
}
.add-button {
    --_button-font-weight: normal;
    --_button-font-size: 15px;
    --_button-padding-x: 0;
    --_button-padding-y: 0;
    --_button-border-width: 0px;
    --_button-radius: 0px;
    --_button-bg: none;
    --_button-bg-hover: none;
    --_button-shadow: none;
    --_button-shadow-focus: none;
    --_button-gap: 13px;
    --_button-color: var(--color-gray-800);
    --_button-color-hover: var(--_button-color);
    --_button-icon-size-w: 46px;
    --_button-icon-size-h: 46px;
    --_button-icon-radius: 50%;
    --_button-icon-bg: var(--color-green-dark);
    --_button-icon-color: #fff;
}
.add-button .pvs-button__icon {
    font-size: 20px;
    font-weight: bold;
    line-height: calc(24 / 20);
}

.file-input {
    font-size: 15px;
    line-height: calc(22 / 15);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    color: var(--color-gray-600);

    --button-font-size: 15px;
    --button-font-weight: normal;
    --button-line-height: calc(22 / 15);
    --button-min-width: 220px;
    --button-height: 42px;
    --button-padding-y: 7px;
    --button-border-width: 1px;
    --button-border-color: var(--color-green-light);
    --button-color: #25282D;
    --button-shadow: none;
    --button-shadow-focus: none;
}
.file-input[hidden] {
    display: none;
}
.file-input__inner {
    display: flex;
    align-items: center;
    gap: 5px;
}
.file-input__title {
    font-size: 14px;
    font-weight: normal;
    line-height: calc(17 / 14);
    color: #707487;
}
.file-input__title-default {
    font-size: 13px;
    font-weight: normal;
    line-height: calc(20 / 13);
    color: #707487;
}
.file-input.is-attached .file-input__title-default, .file-input:not(.is-attached) .file-input__title {
    display: none;
}
.file-input__remove {
    position: relative;
    font: inherit;
    font-size: 12px;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    display: none;
    cursor: pointer;
    align-self: flex-start;
    flex: 0 0 auto;
    color: #B8B8B8;
}
.file-input.is-attached .file-input__remove {
    display: inline-flex;
}
.file-input__remove:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    background: currentColor center center / contain no-repeat;
    mask: url("/layout/images/icons.svg#remove-view") center center / contain no-repeat;
    transform: translate(-50%, -50%);
}
/*-------attach-file-box-----------------------------------------------------*/
.attach-file-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.attach-item {
    position: relative;
    line-height: 1.231;
    display: inline-flex;
    align-items: flex-start;
    grid-gap: 20px;
}
.attach-item__inner {
    align-items: center;
}
.attach-item__head {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
}
.attach-item__title {
    font-size: 16px;
}
.attach-item__title:empty {
    display: none;
}
.attach-item__size {}
.attach-item__size:empty {
    display: none;
}
.attach-item__action {}
.attach-item__remove {
    font: inherit;
    font-size: 12px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
}
.attach-item__input {
    display: none;
}
/*============================!Form-button!===================================*/
/*============================ Checkbox & Radio ==============================*/
.pvs-check-list {
    padding-left: 0;
    margin-top: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px 10px;
}

.pvs-check-box {
    position: relative;
    font-family: inherit;
    display: inline-flex;
    gap: var(--check-gap, var(--_check-gap, 16px));
    justify-content: flex-start;
    align-items: baseline;
    /*white-space: nowrap; */
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.pvs-check-box--ac {
    align-items: center;
}
.pvs-check-box.disabled {
    cursor: not-allowed;
}
.pvs-check-box, .pvs-check-box:hover {
    text-decoration: none;
}
.pvs-check-box__input {
    position: absolute;
    font: inherit;
    width: var(--check-size, var(--_check-size, 16px));
    height: var(--check-size, var(--_check-size, 16px));
    margin: 0;
    border: none;
    flex: 0 0 auto;
    opacity: 0;
    overflow: hidden;
    cursor: inherit;
}
.pvs-check-box__input:disabled, .pvs-check-box__input[disabled] {
    cursor: not-allowed;
}
.pvs-check-box__input::-ms-check {
    display: none;
}
.pvs-check-box__inner {
    position: relative;
    /*white-space: normal;*/
    cursor: inherit;
}
.pvs-check-box__count {
    font-size: 13px;
    color: #b7b7b7;
}
.pvs-check-box__icon {
    position: relative;
    font: inherit;
    line-height: calc(var(--check-size, var(--_check-size, 16px)) - (var(--check-border-width, var(--_check-border-width, 1px)) * 2));
    top: 0;
    width: var(--check-size, var(--_check-size, 16px));
    height: var(--check-size, var(--_check-size, 16px));
    margin: 0;
    border: var(--check-border-width, var(--_check-border-width, 1px)) solid var(--check-border-color, var(--_check-border-color, #000));
    border-radius: var(--check-border-radius, var(--_check-border-radius, 4px));
    background: var(--check-bg, var(--_check-bg, #fff));
    display: inline-block;
    flex: 0 0 auto;
    box-sizing: border-box;
    text-align: center;
    color: var(--check-icon-color, var(--_check-icon-color, #fff));
    cursor: inherit;
}
.pvs-check-box__icon:before {
    content: '\00A0';
}
.pvs-check-box__icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: var(--check-icon-width, var(--_check-icon-width, calc(100% + (var(--check-border-width, var(--_check-border-width, 1px)) * 2))));
    height: var(--check-icon-height, var(--_check-icon-height, calc(100% + (var(--check-border-width, var(--_check-border-width, 1px)) * 2))));
    background: var(--check-icon-img, var(--_check-icon-img)) center center / contain no-repeat;
    mask:  center center / contain no-repeat;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: var(--check-icon-color, var(--_check-icon-color));
}
@supports (mask-image: none) {
    .pvs-check-box__icon:after {
        mask-image: var(--check-icon-img, var(--_check-icon-img));
        background: var(--check-icon-color, var(--_check-icon-color));
    }
}
/*.pvs-check-box:hover .pvs-check-box__icon:after, .select-block__list-link:hover .pvs-check-box__icon:after { opacity: 0.4; }*/
/*.pvs-check-box__input:focus ~ .pvs-check-box__icon:after, .pvs-check-box.focus .pvs-check-box__icon:after { opacity: 0.4; }*/
.pvs-check-box:where(:focus-within) .pvs-check-box__icon {
    box-shadow: 0 0 0 2px rgba(67, 146, 76, 0.5);
}
.pvs-check-box__input:where(.error) ~ .pvs-check-box__icon {
    border-color: var(--check-border-color-error, var(--_check-border-color-error, red));
}
.pvs-check-box:has(> :checked) {
    --_check-border-color: var(--check-border-color-checked, var(--_check-border-color-checked, #000));
    --_check-bg: var(--check-bg-checked, var(--_check-bg-checked, #000));
}
.pvs-check-box:has(> :checked):hover {
    --_check-bg: var(--check-bg-checked-hover, var(--_check-bg-checked-hover, #000));
}
.pvs-check-box:where(:focus-within):has(> :checked) {
    --_check-bg: var(--check-bg-checked-focus, var(--_check-bg-checked-focus, #000));
}
.pvs-check-box:where(:focus-within):has(> :checked) .pvs-check-box__icon {
    box-shadow: 0 0 0 2px rgba(67, 146, 76, 0.3);
}
.pvs-check-box__input:checked ~ .pvs-check-box__icon:before, .pvs-check-box.checked .pvs-check-box__icon:before {
    opacity: 1;
}
.pvs-check-box__input:checked ~ .pvs-check-box__icon:after, .pvs-check-box.checked .pvs-check-box__icon:after {
    opacity: 1;
}
.pvs-check-box:has(> :disabled) {
    color: var(--check-disabled-color, var(--_check-disabled-color, #000));
    cursor: not-allowed;
    --_check-border-color: var(--check-border-color-disabled, var(--_check-border-color-disabled, #000));
    --_check-bg: var(--check-bg-disabled, var(--_check-bg-disabled, #000));
}
.pvs-check-box:has(> :checked:disabled) {
    color: var(--check-disabled-checked-color, var(--_check-disabled-checked-color, #000));
    --_check-border-color: var(--check-border-color-checked-disabled, var(--_check-border-color-checked-disabled, #000));
    --_check-bg: var(--check-bg-checked-disabled, var(--_check-bg-checked-disabled, #000));
}
.pvs-check-box:has(> :disabled) .pvs-check-box__icon {
    box-shadow: none;
    color: transparent;
    cursor: not-allowed;
}
.pvs-check-box:not(:has(:checked)) [data-checked="show"], .pvs-check-box:has(:checked) [data-checked="hide"] {
    display: none;
}

.pvs-radio-box {
    position: relative;
    font-family: inherit;
    display: inline-flex;
    gap: var(--radio-gap, var(--_radio-gap, 12px));
    justify-content: flex-start;
    align-items: baseline;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.pvs-radio-box--ac {
    align-items: center;
}
.pvs-radio-box.disabled {
    cursor: not-allowed;
}
.pvs-radio-box, .pvs-radio-box:hover {
    text-decoration: none;
}
.pvs-radio-box__input {
    position: absolute;
    font: inherit;
    width: var(--radio-size, var(--_radio-size, 16px));
    height: var(--radio-size, var(--_radio-size, 16px));
    margin: 0;
    border: none;
    flex: 0 0 auto;
    opacity: 0;
    overflow: hidden;
    cursor: inherit;
}
.pvs-radio-box__input:disabled, .pvs-radio-box__input[disabled] {
    cursor: not-allowed;
}
.pvs-radio-box__input::-ms-check {
    display: none;
}
.pvs-radio-box__inner {
    position: relative;
    /*white-space: normal;*/
    cursor: inherit;
}
.pvs-radio-box__icon {
    position: relative;
    font: inherit;
    line-height: calc(var(--radio-size, var(--_radio-size, 16px)) - (var(--radio-border-width, var(--_radio-border-width, 1px)) * 2));
    top: 0;
    width: var(--radio-size, var(--_radio-size, 16px));
    height: var(--radio-size, var(--_radio-size, 16px));
    margin: 0;
    border: var(--radio-border-width, var(--_radio-border-width, 1px)) solid var(--radio-border-color, var(--_radio-border-color, #000));
    border-radius: var(--radio-border-radius, var(--_radio-border-radius, 50%));
    background: var(--radio-bg, var(--_radio-bg, #fff));
    display: inline-block;
    flex: 0 0 auto;
    box-sizing: border-box;
    text-align: center;
    color: var(--radio-icon-color, var(--_radio-icon-color, #fff));
    cursor: inherit;
}
.pvs-radio-box__icon:before {
    content: '\00A0';
}
.pvs-radio-box__icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: inherit;
    background: var(--radio-icon-color, var(--_radio-icon-color)) center center / contain no-repeat;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: var(--radio-icon-color, var(--_radio-icon-color));
}
/*.pvs-radio-box:hover .pvs-radio-box__icon:after { opacity: 0.4; }*/
/*.pvs-radio-box__input:focus ~ .pvs-radio-box__icon:after, .pvs-radio-box.focus .pvs-radio-box__icon:after { opacity: 0.4; }*/
.pvs-radio-box:where(:focus-within) .pvs-radio-box__icon {
    box-shadow: 0 0 0 2px rgba(67, 146, 76, 0.5);
}
.pvs-radio-box__input:where(.error) ~ .pvs-radio-box__icon {
    --_radio-border-color: var(--radio-border-color-error, var(--_radio-border-color-error, red));
}
.pvs-radio-box:has(> :checked) {
    --_radio-border-color: var(--radio-border-color-checked, var(--_radio-border-color-checked, #000));
    --_radio-bg: var(--radio-bg-checked, var(--_radio-bg-checked, #000));
}
.pvs-radio-box:has(> :checked):hover {
    --_radio-bg: var(--radio-bg-checked-hover, var(--_radio-bg-checked-hover, #000));
}
.pvs-radio-box:where(:focus-within):has(> :checked) {
    --_radio-bg: var(--radio-bg-checked-focus, var(--_radio-bg-checked-focus, #000));
}
.pvs-radio-box:where(:focus-within):has(> :checked) .pvs-radio-box__icon {
    box-shadow: 0 0 0 2px rgba(67, 146, 76, 0.3);
}
.pvs-radio-box__input:checked ~ .pvs-radio-box__icon:before, .pvs-radio-box.checked .pvs-radio-box__icon:before {
    opacity: 1;
}
.pvs-radio-box__input:checked ~ .pvs-radio-box__icon:after, .pvs-radio-box.checked .pvs-radio-box__icon:after {
    opacity: 1;
}
.pvs-radio-box:has(> :disabled) {
    color: var(--radio-disabled-color, var(--_radio-disabled-color, #000));
    cursor: not-allowed;
    --_radio-border-color: var(--radio-border-color-disabled, var(--_radio-border-color-disabled, #000));
    --_radio-bg: var(--radio-bg-disabled, var(--_radio-bg-disabled, #000));
}
.pvs-radio-box:has(> :checked:disabled) {
    color: var(--radio-disabled-checked-color, var(--_radio-disabled-checked-color, #000));
    --_radio-border-color: var(--radio-border-color-checked-disabled, var(--_radio-border-color-checked-disabled, #000));
    --_radio-bg: var(--radio-bg-checked-disabled, var(--_radio-bg-checked-disabled, #000));
    --_radio-icon-color: var(--radio-icon-color-disabled, var(--_radio-icon-color-disabled));
}
.pvs-radio-box:has(> :disabled) .pvs-radio-box__icon {
    box-shadow: none;
    color: transparent;
    cursor: not-allowed;
}
.pvs-radio-box:not(:has(:checked)) [data-checked="show"], .pvs-radio-box:has(:checked) [data-checked="hide"] {
    display: none;
}

.pvs-radio-box--block {
    padding: 16px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
}
.pvs-radio-box--block:has(> :checked) {
    border-color: var(--color-green);
}
.pvs-radio-box--block:has(> :checked:disabled) {
    border-color: #E6E6E6;
}
/*============================!Checkbox & Radio!==============================*/
/*============================ Form-grid =====================================*/
.form-help {}
.required-star {
    color: #DB1E36;
}

.form-field {}
.form-field__title {
    font-size: 13px;
    line-height: calc(20 / 13);
    margin-bottom: 6px;
    color: #3d4452;
}
.form-field__msg {
    font-size: 11px;
    line-height: calc(14 / 11);
    margin-top: 4px;
    color: #5F697C;
}
.form-field__msg.error, :where(.pvs-input, .pvs-select).error ~ .form-field__msg {
    color: #EE4444;
}

.pass-field {
    display: grid;
    grid-template-columns: 1fr auto;
}
.pass-field .pvs-input {
    padding-right: 42px;
    background-position-x: right 42px;
    grid-area: 1 / 1 / 2 / 3;
}
.pass-field__toggle {
    font: inherit;
    width: 44px;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: 1 / 2 / 2 / 3;
    color: #999;
    cursor: pointer;
}
/*============================!Form-grid!=====================================*/
/*============================ Upload container ==============================*/
/*============================!Upload container!==============================*/