.page[name='workstation'] {
    background-color: #121316;
    height: 100%;
}
.page[name='workstation'] > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.page[name='workstation'] > .content > .button[key='publish'] {
    margin-top: 8px;
    margin-right: 8px;
    background-color: #172257;
    border: 1px solid #31386c;
    font-size: 12px;
    padding: 3px 11px;
    color: #ffffff;
    border-radius: 8px;
    float: right;
}
.page[name='workstation'] > .content > .button[key='play'] {
    margin-top: 8px;
    margin-right: 8px;
    background-color: #000000;
    border: 1px solid #49494b;
    font-size: 12px;
    padding: 3px 11px;
    color: #ffffff;
    border-radius: 8px;
    float: right;
}
.page[name='workstation'] > .content > .handles > .button {
    position: absolute;
    padding: 1px 14px;
    color: #ffffff;
    font-size: 12px;
    z-index: 6;
}
.page[name='workstation'] > .content > .handles > .button[key='explorer'] {
    top: 73px;
    left: -28px;
    background-color: #2434cb;
    border-radius: 0px 0px 8px 8px;
    transform: rotate(-90deg);
    margin-left: -15px;
    transition: 400ms ease 0s;
}
.page[name='workstation'] > .content > .handles > .button[key='explorer']:hover {
    margin-left: 0;
    transition: 400ms ease 0s;
}
.page[name='workstation'] > .content > .handles > .button[key='devices'] {
    top: 153px;
    right: -28px;
    background-color: #147b50;
    border-radius: 8px 8px 0px 0px;
    transform: rotate(-90deg);
    margin-right: -15px;
    transition: 400ms ease 0s;
}
.page[name='workstation'] > .content > .handles > .button[key='devices']:hover,
.page[name='workstation'] > .content > .handles > .button[key='ai']:hover {
    margin-right: 0;
    transition: 400ms ease 0s;
}
.page[name='workstation'] > .content > .handles > .button[key='ai'] {
    top: 73px;
    right: -9px;
    background-color: #830398;
    border-radius: 8px 8px 0px 0px;
    transform: rotate(-90deg);
    margin-right: -15px;
    transition: 400ms ease 0s;
}
.page[name='workstation'] > .content > .handles > .button[key='team'] {
    bottom: 0;
    right: 35px;
    background-color: #5a0fc8;
    border-radius: 8px 8px 0px 0px;
    margin-bottom: -15px;
    transition: 400ms ease 0s;
}
.page[name='workstation'] > .content > .handles > .button[key='team']:hover {
    margin-bottom: 0;
    transition: 400ms ease 0s;
}