/*!
 * Virtual Select v1.0.36
 * https://sa-si-dev.github.io/virtual-select
 * Licensed under MIT (https://github.com/sa-si-dev/virtual-select/blob/master/LICENSE)
 */
 @-webkit-keyframes vscomp-animation-spin{to{transform:rotateZ(360deg)}}@keyframes vscomp-animation-spin{to{transform:rotateZ(360deg)}}.vscomp-popup-active{overflow:hidden !important}.vscomp-ele{display:inline-block;max-width:250px;width:100%}.vscomp-wrapper{color:#333;display:inline-flex;flex-wrap:wrap;font-family:sans-serif;font-size:14px;position:relative;text-align:left;width:100%}.vscomp-wrapper *,.vscomp-wrapper *::before,.vscomp-wrapper *::after{box-sizing:border-box}.vscomp-wrapper:focus{outline:none}.vscomp-dropbox-wrapper{left:0;position:absolute;top:0}.vscomp-toggle-button{align-items:center;background-color:#fff;border:1px solid #ddd;cursor:pointer;display:flex;padding:7px 30px 7px 10px;position:relative;width:100%}.vscomp-value{height:20px;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vscomp-arrow{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:30px}.vscomp-arrow::after{transform:rotate(45deg);border:1px solid rgba(0,0,0,0);border-bottom-color:#111;border-right-color:#111;content:"";height:8px;margin-top:-6px;width:8px}.vscomp-clear-icon{height:12px;position:relative;width:12px}.vscomp-clear-icon::before,.vscomp-clear-icon::after{background-color:#999;content:"";height:12px;left:5px;position:absolute;top:0;width:2px}.vscomp-clear-icon::before{transform:rotate(45deg)}.vscomp-clear-icon::after{transform:rotate(-45deg)}.vscomp-clear-icon:hover::before,.vscomp-clear-icon:hover::after{background:#333}.vscomp-clear-button{align-items:center;border-radius:50%;display:none;height:24px;justify-content:center;margin-top:-12px;position:absolute;right:30px;top:50%;width:24px}.vscomp-clear-button:hover{background:#ccc}.vscomp-clear-button:hover .vscomp-clear-icon::before,.vscomp-clear-button:hover .vscomp-clear-icon::after{background-color:#333}.vscomp-dropbox-close-button{align-items:center;background-color:#fff;border-radius:50%;bottom:-48px;cursor:pointer;display:none;height:40px;justify-content:center;left:50%;margin-left:-20px;position:absolute;width:40px}.vscomp-value-tag.more-value-count{white-space:nowrap}.vscomp-dropbox-container{width:100%;z-index:2;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);margin-top: 4px;}.vscomp-dropbox{background-color:#fff;width:100%}.vscomp-options-container{max-height:210px;overflow:auto;position:relative}.vscomp-options-bottom-freezer{bottom:0;height:2px;left:0;position:absolute;right:0}.vscomp-option{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;height:40px;padding:0 15px;position:relative}.vscomp-option.selected{background-color:#eee}.vscomp-option.focused{background-color:#ccc}.vscomp-option.disabled{cursor:default;opacity:.5}.vscomp-option.group-title .vscomp-option-text{cursor:default;opacity:.6}.vscomp-option.group-title.selected{background-color:rgba(0,0,0,0)}.vscomp-option.group-option{padding-left:30px}.vscomp-new-option-icon{height:30px;position:absolute;right:0;top:0;width:30px}.vscomp-new-option-icon::before{border:15px solid #512da8;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);content:"";position:absolute;right:0;top:0}.vscomp-new-option-icon::after{align-items:center;color:#fff;content:"+";display:flex;font-size:18px;height:15px;justify-content:center;position:absolute;right:1px;top:0;width:15px}.vscomp-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.vscomp-option-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:13px;line-height:15px;width:100%}.vscomp-search-container{align-items:center;border-bottom:1px solid #ddd;display:flex;height:40px;padding:0 5px 0 15px;position:relative}.vscomp-search-input{background-color:rgba(0,0,0,0);border:0;color:inherit;font-size:15px;height:38px;padding:10px 0;width:calc(100% - 30px)}.vscomp-search-input:focus{outline:none}.vscomp-search-clear{align-items:center;color:#999;cursor:pointer;display:flex;font-size:25px;height:30px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;width:30px}.vscomp-search-clear:hover{color:inherit}.vscomp-no-options,.vscomp-no-search-results{align-items:center;display:none;justify-content:center;padding:20px 10px}.vscomp-options-loader{display:none;padding:20px 0;text-align:center}.vscomp-options-loader::before{-webkit-animation:vscomp-animation-spin .8s infinite linear;animation:vscomp-animation-spin .8s infinite linear;background-color:#fff;border-radius:50%;box-shadow:-4px -5px 3px -3px rgba(0,0,0,.3);content:"";display:inline-block;height:40px;opacity:.7;width:40px}.vscomp-ele[disabled]{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vscomp-ele[disabled] .vscomp-wrapper{opacity:.7;pointer-events:none}.vscomp-wrapper .checkbox-icon{display:inline-flex;height:15px;margin-right:10px;position:relative;width:15px}.vscomp-wrapper .checkbox-icon::after{transition-duration:.2s;border:2px solid #888;content:"";display:inline-block;height:100%;width:100%}.vscomp-wrapper .checkbox-icon.checked::after{transform:rotate(45deg) translate(1px, -4px);border-color:#512da8;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);width:50%}.vscomp-wrapper.show-as-popup .vscomp-dropbox-container{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;opacity:1;overflow:auto;padding:0 10px;position:fixed;top:0;width:100vw}.vscomp-wrapper.show-as-popup .vscomp-dropbox{margin-top:-24px;max-height:calc(80% - 48px);max-width:500px;position:relative;width:80%}.vscomp-wrapper.show-as-popup .vscomp-dropbox-close-button{display:flex}.vscomp-wrapper.popup-position-left .vscomp-dropbox-container{justify-content:flex-start}.vscomp-wrapper.popup-position-right .vscomp-dropbox-container{justify-content:flex-end}.vscomp-wrapper.has-select-all .vscomp-toggle-all-button{align-items:center;cursor:pointer;display:flex}.vscomp-wrapper.has-select-all .vscomp-search-input,.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{width:calc(100% - 55px)}.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{display:none}.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-button{width:100%}.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-label{display:inline-block}.vscomp-wrapper.multiple .vscomp-option .vscomp-option-text{width:calc(100% - 25px)}.vscomp-wrapper.multiple .vscomp-option .vscomp-option-description{padding-left:25px}.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after{transform:rotate(45deg) translate(1px, -4px);border-color:#512da8;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);width:50%}.vscomp-wrapper.focused .vscomp-toggle-button,.vscomp-wrapper:focus .vscomp-toggle-button{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.vscomp-wrapper.closed .vscomp-dropbox-container,.vscomp-wrapper.closed.vscomp-dropbox-wrapper{display:none}.vscomp-wrapper:not(.has-value) .vscomp-value{opacity:.5}.vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button{display:flex}.vscomp-wrapper.has-clear-button .vscomp-toggle-button{padding-right:54px}.vscomp-wrapper.has-no-options .vscomp-options-container,.vscomp-wrapper.has-no-search-results .vscomp-options-container{display:none}.vscomp-wrapper.has-no-options .vscomp-no-options{display:flex}.vscomp-wrapper.has-no-search-results .vscomp-no-search-results{display:flex}.vscomp-wrapper.has-search-value .vscomp-search-clear{visibility:visible}.vscomp-wrapper.has-no-options .vscomp-toggle-all-button{opacity:.5;pointer-events:none}.vscomp-wrapper.keep-always-open .vscomp-toggle-button{padding-right:24px}.vscomp-wrapper.keep-always-open .vscomp-clear-button{right:5px}.vscomp-wrapper.keep-always-open .vscomp-arrow{display:none}.vscomp-wrapper.keep-always-open .vscomp-dropbox-container{position:relative;z-index:1}.vscomp-wrapper.keep-always-open .vscomp-dropbox{transition-duration:0s;border:1px solid #ddd;box-shadow:none}.vscomp-wrapper.keep-always-open.focused,.vscomp-wrapper.keep-always-open:focus,.vscomp-wrapper.keep-always-open:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.vscomp-wrapper.server-searching .vscomp-options-list{display:none}.vscomp-wrapper.server-searching .vscomp-options-loader{display:block}.vscomp-wrapper.has-error .vscomp-toggle-button{border-color:#b00020}.vscomp-wrapper.show-value-as-tags .vscomp-toggle-button{padding:4px 22px 0 10px}.vscomp-wrapper.show-value-as-tags .vscomp-value{display:flex;flex-wrap:wrap;height:auto;min-height:28px;overflow:auto;text-overflow:unset;white-space:normal}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;border:1px solid #ddd;border-radius:20px;display:inline-flex;font-size:12px;line-height:16px;margin:0 4px 4px 0;max-width:100%;padding:2px 3px 2px 8px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag.more-value-count{padding-right:8px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button .vscomp-clear-icon{transform:scale(0.8)}.vscomp-wrapper.show-value-as-tags .vscomp-arrow{height:34px}.vscomp-wrapper.show-value-as-tags .vscomp-clear-button{margin-top:0;top:5px}.vscomp-wrapper.show-value-as-tags.has-value .vscomp-arrow{display:none}.vscomp-wrapper.show-value-as-tags.has-value .vscomp-clear-button{right:2px}.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-toggle-button{padding-bottom:2px}.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-value{align-items:center;padding-bottom:3px}.vscomp-wrapper.text-direction-rtl{direction:rtl}.vscomp-wrapper.text-direction-rtl .vscomp-toggle-button{padding:7px 10px 7px 30px}.vscomp-wrapper.text-direction-rtl .vscomp-arrow{left:0;right:auto}.vscomp-wrapper.text-direction-rtl .vscomp-clear-button{left:30px;right:auto !important}.vscomp-wrapper.text-direction-rtl .checkbox-icon{margin-left:10px;margin-right:0}.vscomp-wrapper.text-direction-rtl .checkbox-icon.checked::after{transform:rotate(45deg) translate(-4px, 1px)}.vscomp-wrapper.text-direction-rtl .vscomp-search-container{padding:0 15px 0 5px}.vscomp-wrapper.text-direction-rtl .vscomp-toggle-all-label{text-align:right}.vscomp-wrapper.text-direction-rtl .vscomp-option{text-align:right}.vscomp-wrapper.text-direction-rtl .vscomp-option.group-option{padding-right:30px}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon{left:0;right:auto}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::before{border-left-color:#512da8;border-right-color:rgba(0,0,0,0)}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::after{left:1px;right:auto}.vscomp-wrapper.text-direction-rtl.multiple .vscomp-option.selected .checkbox-icon::after{transform:rotate(45deg) translate(-4px, 1px)}.vscomp-wrapper.text-direction-rtl.has-clear-button .vscomp-toggle-button{padding-left:54px}.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-toggle-button{padding-left:24px}.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-clear-button{left:5px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-toggle-button{padding:4px 10px 0 22px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag{margin:0 0 4px 4px;padding:2px 8px 2px 3px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag.more-value-count{padding-left:8px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags.has-value .vscomp-clear-button{left:2px}

/**
    Calendar CSS
*/
/* Virtual Select Overrides */
#timeZoneList .vscomp-wrapper {
    font-family: inherit;
    font-size: 13.5px;
    display: flex;
}

#timeZoneList .vscomp-dropbox {
    font-size: 12.5px;
}

#timeZoneList .vscomp-search-input {
    font-size: 13px;
}
#timeZoneList .vscomp-wrapper .vscomp-search-input::placeholder {
    color: #aab6c7;
}

#timeZoneList .vscomp-toggle-button {
    background: #19426c;
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 7px 30px 7px 12px;
}

#timeZoneList .vscomp-arrow::after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

#timeZoneList .vscomp-dropbox-container {
    background: #1d3e60;
    color: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
    position: absolute;
    top: 100%;
    z-index: 20;
}

#timeZoneList .vscomp-wrapper.closed .vscomp-dropbox-container {
    transform: translateY(-5px);
    opacity: 0;
    display: initial;
    visibility: hidden;
}

#timeZoneList .vscomp-dropbox {
    background: none;
}

#timeZoneList .vscomp-option {
    transition: background 0.1s;
}

#timeZoneList .vscomp-option.focused {
    background-color: #3d67a3;
}

#timeZoneList .vscomp-option:hover {
    background: #2e466a;
}

#timeZoneList .vscomp-option.selected {
    background: #3d67a3;
}

#timeZoneList .vscomp-wrapper.focused .vscomp-toggle-button,
#timeZoneList .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none;
}

#timeZoneList .vscomp-value {
    font-size: 0.95em;
}

#timeZoneList .vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: 1;
}

#timeZoneList .vscomp-wrapper .checkbox-icon::after {
    border-color: #6d83a3;
}

#timeZoneList .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
}

#timeZoneList .vscomp-clear-icon::before,
#timeZoneList .vscomp-clear-icon::after {
    background-color: #899ebd;
}

#timeZoneList .vscomp-clear-button:hover .vscomp-clear-icon::before,
#timeZoneList .vscomp-clear-button:hover .vscomp-clear-icon::after {
    background-color: #b3c2da;
}

#timeZoneList .vscomp-clear-button:hover {
    background: none;
}

/*******************************************??*/
#terminApp * {
    box-sizing: border-box;
}
#terminApp h3 {
    color: #ffffff;
    font-size: 1.1em;
    margin: 0 0 9px;
}
.termin_info {
    font-size: 0.85em;
    color: #a2b9ce;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 6px;
}
#text_duration {
    margin-right: 3px;
}
.termin_info > img {
    height: 12px;
    margin-right: 5px;
}
@media (max-width: 530px) {
    #terminApp {
        border-radius: 0;
    }
}
@media (max-width: 480px) {
    #terminApp {
        padding: 18px 0;
    }
    #terminApp h3 {
        margin: 0 21px 9px;
    }
}

#terminApp {
    margin-top: 12px;
    transition: opacity 0.25s;
}

#terminApp .navigation {
    font-size: 0.88em;
    color: #a2b9ce;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#terminApp .navigation .dayYear b {
    color: #ffffff;
    font-weight: 500;
}
#terminApp .navigation .switches {
    display: flex;
    align-items: center;
    transition: opacity 0.25s, visibility 0.25s;
}
#terminApp .navigation .switches > span,
#hoursBackBtn {
    background: #6fb8ff12;
    border: 1px solid #4e80b0;
    width: 43px;
    height: 39px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.1s;
    cursor: pointer;
    position: relative;
}
#terminApp .navigation .switches > span:hover,
#hoursBackBtn:hover {
    background: #6fb8ff3b;
}
#termin_left::after,
#termin_right::after,
#hoursBackBtn::after {
    content: "";
    width: 7px;
    height: 7px;
    transform: translate(1px, 0) rotate(45deg);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    z-index: 1;
    transition: transform 0.3s, opacity 0.3s;
    position: absolute;
}
#terminApp #termin_left {
    margin-right: 8px;
}
#terminApp #termin_right::after {
    transform: translate(-1px, 0) rotate(225deg);
}

#terminApp .weekDays {
    margin-top: 11px;
    margin-bottom: 10px;
    border-top: 1px solid #517fa5;
    border-bottom: 1px solid #517fa5;
    color: #7098c6;
    font-size: 0.88em;
    padding: 9px 0 10px;
    display: flex;
    transition: opacity 0.25s, visibility 0.25s;
    text-transform: uppercase;
}
#terminApp .weekDays > span {
    width: 14.28%;
    text-align: center;
}

#terminApp #calendar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 1%;
    transition: opacity 0.25s, visibility 0.25s;
}
#terminApp #calendar > span {
    width: 12.68%;
    height: 50px;
    margin: 0.8%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    border-radius: 7px;
    color: #ffffff;
}
@media (max-width: 480px) {
    #terminApp .navigation,
    #terminApp .hours {
        margin: 0 21px;
    }
    #terminApp .hours > div {
        flex-wrap: wrap;
        row-gap: 6px;
        column-gap: 8px;
    }
    #terminApp .hours > div > span {
        width: 100%;
    }
    #terminApp #calendar > span {
        height: 12.68vw;
    }
}

#terminApp #calendar > span.available {
    background: #89d0ff1f;
    cursor: pointer;
    transition: background 0.1s;
}
#terminApp #calendar > span.available:hover {
    background: #89d0ff47;
}
#terminApp #calendar > span.blocked {
    color: #5a82a3;
}
#terminApp #calendar > span.selected {
    background: #1c99ee;
    color: #fff;
    font-weight: 500;
}
#terminApp #calendar > span.today_bookable {
    cursor: pointer;
    transition: background 0.1s;
}
#terminApp #calendar > span.today_bookable:hover {
    background: #55baffcc;
}

#terminApp .hours,
#terminApp #details {
    border-top: 1px solid #517fa5;
    margin-top: 18px;
    padding-top: 18px;
    display: flex;
    flex-direction: column;
}
.hours > div {
    display: flex;
    color: #7897b9;
    gap: 12px;
    margin-bottom: 10px;
    align-items: center;
}
.hours > div > span {
    margin-right: 5px;
}
.hours > div > div {
    background: rgba(255, 255, 255, 0.05);
    color: white;
    padding: 15px 18px;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
    position: relative;
    flex-grow: 1;
    text-align: center;
}
.hours > div > div:not(.empty):hover {
    transform: translate(1px, -3px);
    box-shadow: -1px 5px 12px 0 rgba(24, 46, 75, 0.23);
    background-color: rgba(255, 255, 255, 0.12);
}
.hours > div > div.empty {
    cursor: default;
    opacity: 0.4;
    color: #7b97b4;
}

#details {
    color: white;
}
#details > h4 {
    font-size: 1.26em;
    margin-bottom: 20px;
}
#details .detail {
    display: flex;
    line-height: 1.3;
    border: 1px solid #6885a2;
    padding: 8px 10px;
    font-size: 0.92em;
}
#details .detail > span:last-child {
    font-weight: 500;
}
#details .detail:not(:first-of-type) {
    border-top: none;
}
#details .label {
    width: 70px;
    color: #93abc4;
}
#details .contactPer {
    margin-top: 20px;
    margin-bottom: 10px;
}
#details .radios {
    display: flex;
    gap: 12px;
}
#details .radios input {
    cursor: pointer;
}
#details label {
    background: #2a5e92;
    transition: background 0.15s;
    cursor: pointer;
    padding: 13px 8px 15px;
    width: 140px;
    border-radius: 8px;
    display: flex;
}
#details label > span {
    font-size: 0.92em;
    margin-left: 1px;
}
#details label:hover {
    background: #32669a;
}
#buchenBtn {
    margin-top: 30px;
    border: none;
    outline: none;
    cursor: pointer;
    background: #2090ff;
    transition: background 0.15s;
    color: #fff;
    padding: 17px 30px 20px;
    border-radius: 10px;
    font-weight: 500;
    font-family: inherit;
    line-height: 1;
    font-size: 1em;
}
#buchenBtn:hover {
    background: #389cff;
}

#gebucht {
    display: none;
    align-items: center;
    margin-top: 100px;
    flex-direction: column;
}
#gebucht h4 {
    font-size: 1.3em;
    color: white;
}
#gebucht.success {
    display: flex;
}
.termin_date {
  margin-bottom: 4px;
}
#timezone {
    font-size: 0.85em;
    cursor: pointer;
    user-select: none;
}
#timezone:hover {
    text-decoration: underline;
}
#timeZoneList {
    width: 160px;
    position: absolute;
}
#timeZoneList.active {
    display: block;
}

.success-check polyline {
    animation: checkmark 0.25s ease-in-out 0.7s backwards;
}
.success-check circle {
    animation: checkmark-circle 0.6s ease-in-out backwards;
}
.success-check circle#colored {
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px;
    }

    100% {
        stroke-dashoffset: 0px;
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 258px;
    }

    100% {
        stroke-dashoffset: 512px;
    }
}

@keyframes colored-circle {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100;
    }
}

#terminLoading {
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.2s, visibility 0.2s;
    position: absolute;
    background: #07162866;
    height: 100%;
    width: 100%;
    z-index: 999999;
    top: 0;
    left: 0;
}
#terminLoading::after {
    content: " ";
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    border-color: #ffffff transparent #ffffff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
#terminLoading.active {
    opacity: 1;
    visibility: visible;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#terminApp.hidden,
#terminApp .hidden,
#terminLoading.hidden {
    opacity: 0 !important;
}