@keyframes animateBorder {
    0%, 100% {
        border-color: #000;
      }
      50% {
        border-color: #fff;
      }
}
.windows-selector {
    transform: rotate(90deg);
    border-left: 20px dashed  ;
    border-right: 20px dashed;
    width: 300px;
    border-color: #000;
    margin-top: -100px;
    /* animation: animateBorder 4s infinite alternate; */
}
.click-here{
    margin-top: -60px;
}

.windows-selector[data-v-dd8c6ac5] {
    fill: transparent;
    stroke: #000;
    stroke-width: 1;
}

.selectable:hover {
    background: burlywood;
}

.windows-selector>.surface-filler[data-v-dd8c6ac5] {
    fill: #f9fafb;
    stroke: #1f2937;
    stroke-width: 3;
}

.windows-selector>.selectable[data-v-dd8c6ac5] {
    fill: #d1d5db;
    cursor: pointer;
    pointer-events: auto;
}

.windows-selector>.selectable[data-v-dd8c6ac5]:hover {
    fill: #dbc92a;

}

.windows-selector>.selected[data-v-dd8c6ac5],
.windows-selector>.selected[data-v-dd8c6ac5]:hover {
    fill: #ffdb44;
}

.windows-selector>.filler[data-v-dd8c6ac5] {
    fill: #1f2937;
    stroke: #1f2937;
    stroke-width: 1.5;
}

@media only screen and (max-width: 900px) {
    .windows-selector  {
        transform: rotate(0deg) !important;
    }
    .click-here{
        margin: 10px!important;
    }
    .windows-selector {
        margin-top: -30px;
        /* animation: animateBorder 4s infinite alternate; */
    }
}