body:has(.constructor--parent.active) {
    overflow: hidden;
}

.constructor--parent {
    position: fixed;
    top: 0%;
    left: 0;
    transition: left .3s ease;
    -moz-transition: left .3s ease;
    -ms-transition: left .3s ease;
    -o-transition: left .3s ease;
    -webkit-transition: left .3s ease;
    width: 0;
    /* height: 50px; */
    z-index: 99999;
    display: flex;
    /* max-width: 100%; */
    /* height: 100%; */
}

.constructor--title__icon {
    background-image: url('data:image/svg+xml,<svg width="165" height="36" viewBox="0 0 165 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 35.5C27.165 35.5 35 27.665 35 18C35 8.33503 27.165 0.5 17.5 0.5C7.835 0.5 0 8.33503 0 18C0 27.665 7.835 35.5 17.5 35.5ZM22.9594 8.65224C23.2251 7.7083 22.3091 7.15012 21.4725 7.74614L9.79397 16.0659C8.88669 16.7122 9.0294 18 10.0083 18H13.0836V17.9762H19.0772L14.1936 19.6993L12.0406 27.3478C11.7749 28.2917 12.6908 28.8499 13.5275 28.2539L25.206 19.9342C26.1133 19.2878 25.9705 18 24.9917 18H20.3281L22.9594 8.65224Z" fill="%23140106"/><path d="M55.464 25.65C50.758 25.65 47.378 22.816 47.378 18.916H51.304C51.304 20.918 53.098 22.348 55.594 22.348C57.726 22.348 59.052 21.282 59.052 19.8C59.052 18.058 57.05 17.798 54.762 17.512C51.096 17.044 47.56 16.264 47.56 11.948C47.56 8.334 50.654 5.838 55.126 5.838C59.624 5.838 62.874 8.542 62.874 12.26H59.078C59.104 10.44 57.466 9.14 55.23 9.14C53.176 9.14 51.824 10.102 51.824 11.454C51.824 13.196 53.67 13.456 56.01 13.768C59.598 14.184 63.316 14.964 63.316 19.228C63.316 23.024 60.17 25.65 55.464 25.65ZM66.3521 5.708H70.2521V17.018L74.7501 11.688H79.4821L74.0481 17.928L79.6641 25H74.9061L70.2521 18.838V25H66.3521V5.708ZM87.9547 23.258L91.3347 11.688H95.3387L90.4247 26.638C89.5147 29.42 87.6427 31.006 84.8607 31.006C82.2607 31.006 81.1167 29.576 81.1167 27.574V26.066H82.0007L82.0267 27.34C82.0267 28.848 82.7287 29.706 83.9247 29.706C85.6667 29.706 86.5507 27.86 87.4867 25H85.1987L80.4407 11.688H84.4967L87.9547 23.258ZM105.255 25.65C100.549 25.65 97.169 22.816 97.169 18.916H101.095C101.095 20.918 102.889 22.348 105.385 22.348C107.517 22.348 108.843 21.282 108.843 19.8C108.843 18.058 106.841 17.798 104.553 17.512C100.887 17.044 97.351 16.264 97.351 11.948C97.351 8.334 100.445 5.838 104.917 5.838C109.415 5.838 112.665 8.542 112.665 12.26H108.869C108.895 10.44 107.257 9.14 105.021 9.14C102.967 9.14 101.615 10.102 101.615 11.454C101.615 13.196 103.461 13.456 105.801 13.768C109.389 14.184 113.107 14.964 113.107 19.228C113.107 23.024 109.961 25.65 105.255 25.65ZM129.195 16.55V25H125.295V17.356C125.295 15.744 124.359 14.626 122.799 14.6C121.291 14.6 120.043 15.822 120.043 17.512V25H116.143V5.708H120.043V14.262C120.823 12.364 122.487 11.168 124.359 11.168C127.245 11.168 129.195 13.43 129.195 16.55ZM146.487 18.344C146.487 22.582 143.471 25.52 139.077 25.52C134.709 25.52 131.693 22.582 131.693 18.344C131.693 14.08 134.709 11.168 139.077 11.168C143.471 11.168 146.487 14.08 146.487 18.344ZM142.561 18.344C142.561 16.16 141.131 14.6 139.077 14.6C137.049 14.6 135.619 16.16 135.619 18.344C135.619 20.528 137.049 22.088 139.077 22.088C141.131 22.088 142.561 20.528 142.561 18.344ZM159.965 18.344C159.965 16.212 158.483 14.678 156.481 14.678C154.453 14.678 152.997 16.238 152.997 18.344C152.997 20.45 154.453 22.01 156.481 22.01C158.509 22.01 159.965 20.45 159.965 18.344ZM153.153 30.98H149.253V11.688H153.101V14.08C154.089 12.26 155.727 11.168 157.781 11.168C161.343 11.168 163.865 14.132 163.865 18.344C163.865 22.556 161.343 25.52 157.781 25.52C155.779 25.52 154.141 24.428 153.153 22.608V30.98Z" fill="%23140106"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 165px;
    height: 36px;
    background-size: contain;
}

.constructor--parent__btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M308.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L304 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L199 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C173.9 8.4 167.2 8 160.4 8l-.7 0c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L115 56.1c-13.3 5-25.5 12.1-36.2 20.9L50.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C32.6 161.9 32 168.9 32 176s.6 14.1 1.7 20.9L11.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM112 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM504.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L583.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L315.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM464 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    width: 50px;
    height: 50px;
    /* display: inline-block; */
}

.constructor--parent__btn {
    background-color: #fff;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    /* border: 1px solid #b4b3b3; */
    border-left: none;
    cursor: pointer;
    position: fixed;
    left: 0;
    top: calc(100% - 250px);
    filter: invert(1);
    -webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
    box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
}

.constructor--parent__container {
    position: relative;
    width: 815px;
    background: var(--white);
    ;
    /* border: 1px solid #b4b3b3; */
    border-left: 0;
    /* border-right: 0; */
    /* padding: 30px 20px 20px 0px; */
    max-width: calc(100% - 50px);
    overflow: auto;
    left: -820px;
    -moz-transition: left .3s ease;
    -ms-transition: left .3s ease;
    -o-transition: left .3s ease;
    -webkit-transition: left .3s ease;
    height: 100%;
    overflow: hidden;
}

.constructor--parent [data-admin-constructor] {
    display: block;
    height: 100%;
    position: relative;
}

.constructor--parent.active {
    /* left: 0%; */
    max-width: 100%;
    height: 100%;
    width: 100%;
    background: var(--white-transparent);
}

.constructor--parent.active .constructor--parent__container {
    left: 0;
    transition: left .3s ease;
    -webkit-box-shadow: 0px 4px 25px 0px var(--black-transparent);
    ;
    box-shadow: 0px 4px 25px 0px var(--black-transparent);
    ;
}

.skyshop-theme-item span {
    background-color: var(--black);
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border-radius: 50%;
    border: 3px solid var(--white);
    cursor: pointer;
}

.constructor--parent.active .constructor--parent__btn {
    position: relative;
}

.skyshop-theme-item input {
    display: none;
}

.skyshop-theme-item input:checked~span {
    border: 3px solid var(--gray2);
}

.skyshop-theme-item input:checked~div {
    font-weight: bold;
}

.skyshop-theme-item {
    display: flex;
    align-items: center;
}

.constructor--parent-title {

    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}


.skyshop-themes-values {
    display: flex;
    flex-wrap: wrap;
}

.skyshop-themes {
    margin-bottom: 30px;
}

.constructor--parent .btn {
    max-width: 100%;
    min-width: auto;
}

.constructor--parent [data-activetheme="custom"] .skyshop-colorpicker {
    display: block;
    margin-bottom: 20px;
}

.constructor--parent .skyshop-theme-item [value="custom"]+span {
    background-image: url("../img/general/constructor/color.svg");
    background-size: contain;
}


.constructor--tabs {
    display: flex;
    height: 100%;
    height: calc(100% - 71px);
}

.constructor--tabs__titles {
    display: flex;
    flex-direction: column;
    /* margin-right: 20px; */
    width: 25%;
    min-width: 115px;
}

.constructor--tabs__titles {
    height: 100%;
}

.constructor--tabs__title {
    position: relative;
    padding: 20px 37px 20px 15px;
    /* border-bottom: 1px solid #ccc; */
    cursor: pointer;
    /* text-transform: uppercase; */
    font-size: 16px;
    /* white-space: nowrap; */
}

.constructor--tabs__title::after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 6px;
    top: calc(50% - 9px);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1875 3.375L11.8125 9L6.1875 14.625' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.constructor--tabs__title.active {
    background: var(--gray);
    /* border: 1px solid; */
    border-radius: var(--small-border-radius);
    font-weight: bold;
}

.constructor--tabs__items {
    /* padding: 20px 20px 20px 25px; */
    width: 75%;
    height: 100%;
    max-width: calc(100% - 115px);
}

.constructor--title {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    position: sticky;
    border-bottom: 1px solid var(--gray2);
}

.constructor--title .constructor--title__name {
    margin-left: 10px;
    display: block;
    font-size: 20px;
    display: none;
}

.constructor--parent table,
.constructor--parent tbody,
.constructor--parent tr,
.constructor--parent td,
.constructor--parent table th {
    display: block;
}

.constructor--parent .color-name {
    display: none;
}

.constructor--parent [data-property="theme"] .settings__row--item__value {
    display: flex;
    flex-wrap: wrap;
}

.constructor--parent .settings__row--item,
.constructor--parent .settings__row--parent {
    padding: 15px;
    border-bottom: 1px solid var(--gray2);
}

.constructor--tabs__item>table>tbody>.settings__row:last-child {
    border-bottom: none;
}

.constructor--parent .settings__row--parent .settings__row--item {
    padding-left: 0;
    border: none;
    padding-bottom: 0;
}

.constructor--parent .settings__row--item[data-property-type]:not([data-property-type="theme"], [data-property-type="radio"], [data-sortable-item]) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.constructor--parent .settings__row--item[data-property-type="checkbox"]:not([data-sortable-item]) {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
}

.constructor--parent .settings__row--item__name {
    /* text-transform: uppercase; */
    margin-bottom: 10px;
    width: auto;
    font-size: 15px;
}

.constructor--parent [data-property]:not([data-property-type="checkbox"], [data-property-type="theme"], [data-property-type="radio"]) .settings__row--item__name {
    width: 50%;
}

.constructor--parent [data-property]:not([data-property-type="checkbox"], [data-property-type="theme"], [data-property-type="radio"]) .settings__row--item__value {
    width: 50%;
}

.constructor--parent .settings__row--item__value input,
.constructor--parent .settings__row--item__value select {
    width: 100%;
    padding: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background: 0;
    color: var(--black);
    border-radius: var(--border-radius);
    /* -webkit-transition: 0.5s; */
    /* transition: 0.5s; */
    border: 1px solid var(--gray2);
}

.constructor--parent .settings__row--item__value {
    display: flex;
    flex-wrap: wrap;
}

.constructor--parent .settings--radio_item label span {
    display: block;
    border: 1px solid var(--gray2);
    padding: 5px 10px;
    border-radius: var(--small-border-radius);
    font-size: 14px;
    cursor: pointer;
}

.constructor--parent .settings--radio_item {
    margin-right: 10px;
    white-space: nowrap;
    margin-bottom: 10px;
    /* cursor: pointer; */
}

.constructor--parent .settings--radio_item label input:checked~span {
    background: var(--theme-color);
    /* font-weight: bold; */
    color: var(--white);
    border: none;
}

.constructor--parent .settings--radio_item label input {
    display: none;
}

.constructor--parent .custom-checkbox {
    display: block;
    min-height: 21px;
}

.constructor--parent .heading {
    font-weight: 700;
    /* text-transform: uppercase; */
    font-size: 18px;
    /* margin-top: 20px; */
}

.constructor--parent [data-sortable-item] .settings__row--item__name {
    font-size: 15px;
}

.constructor--parent [data-sortable-item] {
    display: flex;
}

.constructor--parent [data-sortable-item] .settings__row--item__value {
    order: -1;
    flex-wrap: nowrap;
}

.constructor--parent .settings__row--item__value button {
    appearance: none;
    background: none;
    border: none;
    border: 1px solid var(--black);
    color: var(--black);
    border-radius: var(--small-border-radius);
    margin-right: 5px;
}

.constructor--parent .settings__row--item__value button:hover {
    background: var(--theme-color);
    color: var(--white);
}

.constructor--parent [data-sortable-item] .settings__row--item__value span {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

.constructor--parent .constructor--tabs__item {
    overflow: auto;
    height: 100%;
}

.constructor--parent .constructor--title__btn {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: none;
    box-shadow: none;
    white-space: nowrap;
    background: var(--theme-color);
    border-radius: var(--border-radius);
    border: none;
    -webkit-transition: 0.4s;
    text-decoration: none;
    margin-left: 10px;
    /* text-transform: uppercase; */
}

.constructor--parent .constructor--title__btn.constructor--title__btn-outline {
    border: 1px solid var(--black);
    background: var(--white);
    color: var(--black);
    fill: var(--black);
}

.constructor--parent .constructor--title__btns {
    margin-left: auto;
    display: flex;
}
.constructor--parent .constructor--download__btn {
}

.IroColorPicker {
    display: flex !important;
    margin-bottom: 20px;
    width: 100%;
}

.night-theme .constructor--title__icon {
    filter: invert(1);
}

@media (max-width: 500px) {
    .constructor--parent .settings__row--item__name {}

    .constructor--parent .settings__row--item[data-property-type]:not([data-property-type="checkbox"], [data-sortable-item]) {
        display: table-row;
    }

    .constructor--parent [data-property]:not([data-property-type="checkbox"]) .settings__row--item__name {
        width: auto;
    }

    .constructor--parent [data-property]:not([data-property-type="checkbox"]) .settings__row--item__value {
        width: auto;
    }
}