@charset "utf-8";

/*================*/
.safie-field {
    display: none;
    width: 100%;
}
.safie-field.act-show {
    display: block;
}
.safie-field .device-select {
    display: none;
}
.safie-field .device-name {
    font-size: 1rem;
}
.safie-field .streaming-player {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.safie-field .controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.safie-field .volume {
    display: flex;
    justify-content: center;
    align-items: center;
}
.safie-field .timeline {
    display: block;
}
.safie-field .timeline.act-hide {
    display: none;
}
.safie-field .errorblock {
    display: none;
}
.safie-field .errorblock.act-show {
    display: block;
}