.templates > * {
    display: none;
}

.add-button {
    display: block;
    justify-self: center;
}

.add-floor-button {
    margin: auto;
}

.floor-block:has(.remove-floor-button:hover),
.floor-block:has(.remove-floor-button:hover) .room-block,
.floor-block:has(.remove-floor-button:hover) .room-block .cable-block {
    border-color: #ff4500cc;
}

.floor-block .room-block:has(.remove-room-button:hover),
.floor-block .room-block:has(.remove-room-button:hover) .cable-block {
    border-color: #ff4500cc;
}

.floor-block .room-block .cable-block:has(.remove-cable-button:hover) {
    border-color: #ff4500cc;
}


.floors-block .add-button, .templates .add-button {
    display: inline-block;
}

.floors-block fieldset {
    border: 2px solid #333333cc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.floors-block fieldset > legend:has(input) {
    padding: 5px 10px;
}

.floors-block fieldset > legend > input {
    text-align: center;
}

.floors-block,
.floors-block .floor-block .floor-block__rooms,
.floors-block .floor-block .room-block .room-block__cables {
    display: flex;
    flex-direction: column;
    margin: 20px 0px;
    gap: 10px;
}

.floors-block .floor-block .room-block {
    border-color: #33333377;
    border-style: dashed;
}

.floors-block .floor-block .room-block .beautiful-label {
    line-height: 16px;
}

.floors-block .floor-block .room-block .room-block__amount-value {
    color: #ff642c;
    text-decoration: underline;
    font-size: 28px;
    margin-bottom: 1px;
}

.floors-block .floor-block .room-block .room-block__amount-sentence {
    color: #a3401b;
    margin-top: 1px;
}

.floors-block .floor-block .room-block .room-block__properties {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.floors-block .floor-block .room-block .room-block__properties .beautiful-label {
    line-height: 16px;
    font-size: 14px;
    margin: 0px;
}

.floors-block .floor-block .room-block.not-cables .room-block__cables {
    max-height: 0px;
    overflow: hidden;
}

.floors-block .floor-block .room-block.not-cables .room-block__amount-value,
.floors-block .floor-block .room-block.not-cables .add-cable-button {
    display: none;
}

.floors-block .floor-block .room-block .cable-block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #33333399;
    padding: 20px 15px;
    border: 2px solid #00000000;
    position: relative;
}

.floors-block .floor-block .room-block .cable-block:hover {
    background: #333333bb;
}

.floors-block .floor-block .room-block .cable-block .property-block__label {
    text-align: left;
}

.floors-block .floor-block .room-block .cable-block .property-block__label .property-block__title {
    color: #ff4500 !important;
    font-size: 14px; 
    translate: -5px 0px;
    -webkit-transition: translate 0.2s ease-in-out;
    -moz-transition: translate 0.2s ease-in-out;
    -o-transition: translate 0.2s ease-in-out;
    -ms-transition: translate 0.2s ease-in-out;
    transition: translate 0.2s ease-in-out;
}

.floors-block .floor-block .room-block .cable-block .property-block__label:hover .property-block__title { 
    translate: 0px 0px;
}

.floors-block .floor-block .room-block .cable-block:hover hr {
    margin: 20px 5% 0px 5%;
    border: 2px solid #ff4500;
}

.floors-block .floor-block .room-block .cable-block hr {
    border: 2px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 35% 0px 35%;
    -webkit-transition: margin 0.5s ease, border 0.2s;
    -moz-transition: margin 0.5s ease, border 0.2s;
    -o-transition: margin 0.5s ease, border 0.2s;
    -ms-transition: margin 0.5s ease, border 0.2s;
    transition: margin 0.5s ease, border 0.2s;
}

.floors-block .floor-block .room-block .cable-block .cable-block__amount {
    width: 90%;
    font-family: sans-serif;
    margin: 5px 5% 10px 5%;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
}

.floors-block .floor-block .room-block .cable-block:hover .cable-block__amount {
    color: #ff4500;
}

.floors-block .floor-block .room-block .cable-block .remove-cable-button {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 32px;
    margin: 0px;
    color: #ffffff;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
    cursor: var(--cursor-pointer);
}

.floors-block .floor-block .room-block .cable-block .remove-cable-button:hover {
    color: #ff4500;
}