@charset "UTF-8";.tskauetsg {
    --tskauetsg-font-size: 16px;
    --tskauetsg-radius: 0.25em;
    --tskauetsg-shadow: none;
    --tskauetsg-hr-color: #f5f5f5;
    --tskauetsg-title-weight: 600;
    --tskauetsg-title-size: 1.125em;
    --tskauetsg-title-color: inherit;
    --tskauetsg-title-font: inherit;
    --tskauetsg-field-border-color: #dbdbdb;
    --tskauetsg-field-border-width: 1px;
    --tskauetsg-field-background: transparent;
    --tskauetsg-field-color: inherit;
    --tskauetsg-field-border-hcolor: #007AFF;
    --form-field-height: 2.75em;
    --tskauetsg-field-alert-color: #ff0000;
    --tskauetsg-field-readonly-background: transparent;
    --tskauetsg-field-readonly-color: inherit;
    --tskauetsg-addon-color: inherit;
    --tskauetsg-addon-background: #f5f5f5;
    --tskauetsg-addon-weight: 400;
    --tskauetsg-btn-calc-weight: 500;
    --tskauetsg-btn-calc-color: #ffffff;
    --tskauetsg-btn-calc-bg: #E75632;
    --tskauetsg-btn-calc-hcolor: #ffffff;
    --tskauetsg-btn-calc-hbg: #e75632b5;
    --tskauetsg-btn-reset-color: #ffffff;
    --tskauetsg-btn-reset-bg: #4889db;
    --tskauetsg-btn-reset-hcolor: #ffffff;
    --tskauetsg-btn-reset-hbg: #4889dbb8;
    --tskauetsg-title-result-color: inherit;
    --tskauetsg-title-result-weight: 600;
    --tskauetsg-field-border-result-color: #dbdbdb;
    --tskauetsg-field-result-background: transparent;
    --tskauetsg-result-addon-color: inherit;
    --tskauetsg-result-addon-background: #f5f5f5
}

.tskauetsg-wrapper {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: var(--tskauetsg-font-size);
    -webkit-margin-after: 1.125em;
    margin-block-end:1.125em}

.tskauetsg,.tskauetsg * {
    box-sizing: border-box;
    font-size: var(--tskauetsg-font-size)
}

.tskauetsg * {
    padding: 0;
    margin: 0;
    border: 0
}

.tskauetsg {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    padding: 1em;
    margin: 1em 0;
    box-shadow: var(--tskauetsg-shadow);
    border: 0;
    border-radius: var(--tskauetsg-radius);
    gap: 1em
}

.tskauetsg hr {
    grid-column: 1/3;
    width: 100%;
    height: .125em;
    margin: .5em 0;
    background-color: var(--tskauetsg-hr-color)
}

.tskauetsg .is-hidden,.tskauetsg textarea[hidden] {
    display: none
}

.tskauetsg .has-result .tskauetsg-title {
    padding: 0
}

.tskauetsg table {
    width: 100%
}

.tskauetsg__container {
    display: grid;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    grid-gap: .75em
}

@media screen and (min-width: 776px) {
    .tskauetsg__container {
        grid-template-columns:2fr 3fr
    }

    .tskauetsg__container.is-vertical {
        grid-template-columns: 1fr
    }

    .tskauetsg__container.is-vertical .tskauetsg__title {
        padding-top: 0
    }
}

.tskauetsg__container .is-title-only,.tskauetsg__title.is-spaсe {
    grid-column: 1/3
}

.tskauetsg__title {
    padding-top: calc(var(--form-field-height)/2 - var(--tskauetsg-title-size));
    color: var(--tskauetsg-title-color);
    font-family: var(--tskauetsg-title-font);
    font-size: var(--tskauetsg-title-size);
    font-weight: var(--tskauetsg-title-weight)
}

.tskauetsg__container:has(textarea) .tskauetsg__title {
    padding-top: .375em
}

.tskauetsg__body:not(.has-group) .tskauetsg__field+.tskauetsg__field {
    -webkit-margin-before: 8px;
    margin-block-start:8px}

.tskauetsg__body.has-group {
    display: grid;
    grid-gap: .5em
}

@media screen and (min-width: 776px) {
    .tskauetsg__body.has-group {
        grid-template-columns:1fr 1fr
    }
}

.tskauetsg__field-lable {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    word-wrap: normal;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.tskauetsg__field-lable:focus {
    top: 5px;
    left: 5px;
    display: block;
    z-index: 100000;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    background-color: #f1f1f1;
    border-radius: 3px;
    color: #21759b;
    text-decoration: none;
    font-size: .875em;
    font-weight: 700;
    line-height: normal;
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none
}

.tskauetsg__field label {
    cursor: pointer
}

.tskauetsg__field-addon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    vertical-align: middle;
    height: var(--form-field-height);
    padding: .75em 1em;
    background-color: var(--tskauetsg-addon-background);
    border: var(--tskauetsg-field-border-width) solid var(--tskauetsg-field-border-color);
    color: var(--tskauetsg-addon-color);
    font-size: 1em;
    font-weight: var(--tskauetsg-addon-weight);
    line-height: 1;
    white-space: nowrap
}

.tskauetsg__field.has-addon {
    display: -webkit-flex;
    display: flex
}

.tskauetsg__field.has-addon.is-left .tskauetsg__field-input,.tskauetsg__field.has-addon.is-left .tskauetsg__field-result {
    border-radius: 0 var(--tskauetsg-radius) var(--tskauetsg-radius) 0
}

.tskauetsg__field.has-addon.is-left .tskauetsg__field-addon {
    border-right: none
}

.tskauetsg__field.has-addon.is-right {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tskauetsg__field.has-addon.is-left .tskauetsg__field-addon,.tskauetsg__field.has-addon.is-right .tskauetsg__field-input,.tskauetsg__field.has-addon.is-right .tskauetsg__field-result {
    border-radius: var(--tskauetsg-radius) 0 0 var(--tskauetsg-radius)
}

.tskauetsg__field.has-addon.is-right .tskauetsg__field-addon {
    border-left: none;
    border-radius: 0 var(--tskauetsg-radius) var(--tskauetsg-radius) 0
}

.tskauetsg__container .tskauetsg__field-checkbox,.tskauetsg__container .tskauetsg__field-radio {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    line-height: 1;
    gap: .5em
}

.tskauetsg__container .tskauetsg__field-checkbox label,.tskauetsg__container .tskauetsg__field-radio label {
    -webkit-flex: 1;
    flex: 1
}

.tskauetsg__container .tskauetsg__field-radio+.tskauetsg__field-radio {
    -webkit-margin-before: 8px;
    margin-block-start:8px}

.tskauetsg__container input[type=checkbox],.tskauetsg__container input[type=radio] {
    box-shadow: none;
    border: var(--tskauetsg-field-border-width) solid var(--tskauetsg-field-border-color);
    border-radius: var(--tskauetsg-radius);
    outline: 0
}

.tskauetsg__container input[type=checkbox]:focus,.tskauetsg__container input[type=radio]:focus {
    box-shadow: none;
    border-color: var(--tskauetsg-field-border-hcolor)
}

.tskauetsg__container input.tskauetsg__field-text {
    padding: .75em 1em
}

.tskauetsg__container input.tskauetsg__field-range,.tskauetsg__container input.tskauetsg__field-text {
    vertical-align: middle;
    width: 100%;
    height: var(--form-field-height);
    max-width: 100%;
    margin: 0;
    box-shadow: none;
    background-color: var(--tskauetsg-field-background);
    border: var(--tskauetsg-field-border-width) solid var(--tskauetsg-field-border-color);
    border-radius: var(--tskauetsg-radius);
    outline: 0;
    color: var(--tskauetsg-field-color);
    font-size: 1em;
    line-height: 1
}

.tskauetsg__container input.tskauetsg__field-input,.tskauetsg__container input.tskauetsg__field-result,.tskauetsg__container textarea,.tskauetsg__container textarea.tskauetsg__field-result,.tskauetsg__container textarea.tskauetsg__field-textarea {
    padding: .75em 1em;
    font-size: 1em
}

.tskauetsg__container input.tskauetsg__field-input,.tskauetsg__container input.tskauetsg__field-result,.tskauetsg__container select,.tskauetsg__container select.tskauetsg__field-select,.tskauetsg__container textarea,.tskauetsg__container textarea.tskauetsg__field-result,.tskauetsg__container textarea.tskauetsg__field-textarea {
    vertical-align: middle;
    width: 100%;
    height: var(--form-field-height);
    max-width: 100%;
    margin: 0;
    box-shadow: none;
    background-color: var(--tskauetsg-field-background);
    border: var(--tskauetsg-field-border-width) solid var(--tskauetsg-field-border-color);
    border-radius: var(--tskauetsg-radius);
    outline: 0;
    color: var(--tskauetsg-field-color);
    line-height: 1
}

.tskauetsg__container input.tskauetsg__field-input:focus,.tskauetsg__container input.tskauetsg__field-range:focus,.tskauetsg__container input.tskauetsg__field-result:focus,.tskauetsg__container input.tskauetsg__field-text:focus,.tskauetsg__container select.tskauetsg__field-select:focus,.tskauetsg__container select:focus,.tskauetsg__container textarea.tskauetsg__field-result:focus,.tskauetsg__container textarea.tskauetsg__field-textarea:focus,.tskauetsg__container textarea:focus {
    box-shadow: none;
    border-color: var(--tskauetsg-field-border-hcolor);
    outline: 0
}

.tskauetsg__container input.tskauetsg__field-input[disabled],.tskauetsg__container input.tskauetsg__field-input[readonly],.tskauetsg__container input.tskauetsg__field-range[disabled],.tskauetsg__container input.tskauetsg__field-range[readonly],.tskauetsg__container input.tskauetsg__field-result[disabled],.tskauetsg__container input.tskauetsg__field-result[readonly],.tskauetsg__container input.tskauetsg__field-text[disabled],.tskauetsg__container input.tskauetsg__field-text[readonly],.tskauetsg__container select.tskauetsg__field-select[disabled],.tskauetsg__container select.tskauetsg__field-select[readonly],.tskauetsg__container select[disabled],.tskauetsg__container select[readonly],.tskauetsg__container textarea.tskauetsg__field-result[disabled],.tskauetsg__container textarea.tskauetsg__field-result[readonly],.tskauetsg__container textarea.tskauetsg__field-textarea[disabled],.tskauetsg__container textarea.tskauetsg__field-textarea[readonly],.tskauetsg__container textarea[disabled],.tskauetsg__container textarea[readonly] {
    background-color: --tskauetsg-field-readonly-background;
    outline: 0;
    color: var(--tskauetsg-field-readonly-color)
}

.tskauetsg__container select,.tskauetsg__container select.tskauetsg__field-select {
    padding: .75em 1.5em .75em 1em;
    background: var(--tskauetsg-field-background) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
    background-size: 1em 1em;
    cursor: pointer;
    font-size: 1em;
    -webkit-appearance: none
}

.tskauetsg__container input.tskauetsg__field-range {
    height: auto;
    padding: 0
}

.tskauetsg__container textarea.tskauetsg__field-result,.tskauetsg__container textarea.tskauetsg__field-textarea {
    height: 10em;
    resize: vertical
}

.field-range-text {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-inline:5px}

.field-range-text option {
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    font-size: .75rem
}

.field-range-text option:first-child {
    text-align: left
}

.field-range-text option:last-child {
    text-align: right
}

.tskauetsg__btn {
    display: -webkit-flex;
    display: flex;
    grid-gap: .5em
}

@media screen and (max-width: 776px) {
    .tskauetsg__btn {
        text-align:center
    }
}

.tskauetsg__btn button,.tskauetsg__btn input[type=reset],.tskauetsg__btn input[type=submit] {
    -webkit-justify-content: center;
    justify-content: center;
    height: var(--form-field-height);
    padding-inline:1em;border: var(--tskauetsg-field-border-width) solid transparent;
    border-radius: var(--tskauetsg-radius);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    font-size: var(--tskauetsg-font-size);
    font-weight: var(--tskauetsg-btn-calc-weight);
    white-space: nowrap
}

.tskauetsg__btn button:not(:hover):not(:active).tskauetsg__btn-calc {
    background-color: var(--tskauetsg-btn-calc-bg);
    color: var(--tskauetsg-btn-calc-color)
}

.tskauetsg__btn button.tskauetsg__btn-calc:hover {
    background-color: var(--tskauetsg-btn-calc-hbg);
    color: var(--tskauetsg-btn-calc-hcolor)
}

.tskauetsg__btn button:not(:hover):not(:active).tskauetsg__btn-reset {
    background-color: var(--tskauetsg-btn-reset-bg);
    color: var(--tskauetsg-btn-reset-color)
}

.tskauetsg__btn button.tskauetsg__btn-reset:hover {
    background-color: var(--tskauetsg-btn-reset-hbg);
    color: var(--tskauetsg-btn-reset-hcolor)
}

.tskauetsg__container.has-result .tskauetsg__title {
    color: var(--tskauetsg-title-result-color);
    font-weight: var(--tskauetsg-title-result-weight)
}

.tskauetsg__container.has-result .tskauetsg__field-addon,.tskauetsg__container.has-result input.tskauetsg__field-result {
    background-color: var(--tskauetsg-field-result-background);
    border-color: var(--tskauetsg-field-border-result-color)
}

.tskauetsg__container.has-result .tskauetsg__field-addon {
    background-color: var(--tskauetsg-result-addon-background);
    color: var(--tskauetsg-result-addon-color)
}

.tskauetsg__field-alert {
    color: var(--tskauetsg-field-alert-color)
}



.tskauetsg__action-btn,.tskauetsg__counter-btn {
    color: currentColor
}