/* /Cell/Folder.razor.rz.scp.css */
#permission[b-dhn5b6sqyh]{
    display: none;
}
/* /Cell/Tensor.razor.rz.scp.css */
/* /Cell/Vocalremover.razor.rz.scp.css */
.mat-visible[b-1t5i7x8shh] {
    visibility: visible;
}
.mat-hidden[b-1t5i7x8shh] {
    visibility: hidden;
}

.mat-card[b-1t5i7x8shh] {
    max-width: 400px;
    cursor: default;
}

.mat-card-content[b-1t5i7x8shh] {
    padding: 1rem;
    cursor: default;
}

.mat-card-clean-margin[b-1t5i7x8shh] {
    margin: 0px;
}
.cache-issue[b-1t5i7x8shh] {
    margin-top: 1rem;
}

.btn-primary[b-1t5i7x8shh] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.invalid[b-1t5i7x8shh] {
    outline: 1px solid red;
}
.validation-message[b-1t5i7x8shh] {
    color: red;
}
.ibinti-reload[b-1t5i7x8shh] {
    position: fixed;
    top: 100;
    right: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: rgb(247, 187, 97);
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
    padding: 18px;
}

.components-reconnect-hide[b-1t5i7x8shh] {
    display: none;
}

.components-reconnect-hide .show[b-1t5i7x8shh] {
    display: block;
}

.components-reconnect-hide .show .components-reconnect-failed[b-1t5i7x8shh] {
    display: none;
}

.components-reconnect-hide .failed[b-1t5i7x8shh] {
    display: block;
}

.components-reconnect-hide .rejected[b-1t5i7x8shh] {
    display: block;
}
.ibinti_upload_button[b-1t5i7x8shh] {
    background-color: rgb(89, 11, 141);
    cursor: pointer;
    border: none;
    border-radius: 8px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-style: normal;
    font-family: sans-serif;
    line-height: 1.2;
    margin: 10px 0px;
    padding: 10px 40px;
    font-size: 1.2em;
  }
  .ibinti_upload_button:link[b-1t5i7x8shh]  {
      text-decoration: none;
  }
  .ibinti_upload_button:visited[b-1t5i7x8shh]  {
      
      text-decoration: none;
  }
  .ibinti_upload_button:hover[b-1t5i7x8shh] {
      background-color: #BD5FFF;
      
  }
  .ibinti_upload_button:active[b-1t5i7x8shh] {
      text-decoration: none;
  }
  .ibinti_upload_button:focus[b-1t5i7x8shh] {
      outline: none;
  }
  .react-grid-layout[b-1t5i7x8shh] {
    position: relative;
    transition: height 200ms ease;
}
.react-grid-item[b-1t5i7x8shh] {
    transition: all 200ms ease;
    transition-property: left, top;
}
.react-grid-item img[b-1t5i7x8shh] {
    pointer-events: none;
    user-select: none;  
}
.react-grid-item.cssTransforms[b-1t5i7x8shh] {
    transition-property: none;
    /* transition-property: transform; */
}
.react-grid-item.resizing[b-1t5i7x8shh] {
    z-index: 1;
    will-change: width, height;
}
.react-grid-item.react-draggable-dragging[b-1t5i7x8shh] {
    transition: none;
    z-index: 3;
    will-change: transform;
}
.react-grid-item.dropping[b-1t5i7x8shh] {
    visibility: hidden;
}
.react-grid-item.react-grid-placeholder[b-1t5i7x8shh] {
    background: rgb(47, 0, 255);
    opacity: 0.2;
    transition-duration: 100ms;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.react-grid-item > .react-resizable-handle[b-1t5i7x8shh] {
    position: absolute;
    width: 20px;
    height: 20px;
}
.react-grid-item > .react-resizable-handle[b-1t5i7x8shh]::after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable-hide > .react-resizable-handle[b-1t5i7x8shh] {
    display: none;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-sw[b-1t5i7x8shh] {
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se[b-1t5i7x8shh] {
    bottom: 0;
    right: 0;
    cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw[b-1t5i7x8shh] {
    top: 0;
    left: 0;
    cursor: nw-resize;
    transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne[b-1t5i7x8shh] {
    top: 0;
    right: 0;
    cursor: ne-resize;
    transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w[b-1t5i7x8shh],
.react-grid-item > .react-resizable-handle.react-resizable-handle-e[b-1t5i7x8shh] {
    top: 50%;
    margin-top: -10px;
    cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w[b-1t5i7x8shh] {
    left: 0;
    transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e[b-1t5i7x8shh] {
    right: 0;
    transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n[b-1t5i7x8shh],
.react-grid-item > .react-resizable-handle.react-resizable-handle-s[b-1t5i7x8shh] {
    left: 50%;
    margin-left: -10px;
    cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n[b-1t5i7x8shh] {
    top: 0;
    transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s[b-1t5i7x8shh] {
    bottom: 0;
    transform: rotate(45deg);
}
.react-resizable[b-1t5i7x8shh] {
    position: relative;
}
.react-resizable-handle[b-1t5i7x8shh] {
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
    background-position: bottom right;
    padding: 0 3px 3px 0;
}
.react-resizable-handle-sw[b-1t5i7x8shh] {
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    transform: rotate(90deg);
}
.react-resizable-handle-se[b-1t5i7x8shh] {
    bottom: 0;
    right: 0;
    cursor: se-resize;
}
.react-resizable-handle-nw[b-1t5i7x8shh] {
    top: 0;
    left: 0;
    cursor: nw-resize;
    transform: rotate(180deg);
}
.react-resizable-handle-ne[b-1t5i7x8shh] {
    top: 0;
    right: 0;
    cursor: ne-resize;
    transform: rotate(270deg);
}
.react-resizable-handle-w[b-1t5i7x8shh],
.react-resizable-handle-e[b-1t5i7x8shh] {
    top: 50%;
    margin-top: -10px;
    cursor: ew-resize;
}
.react-resizable-handle-w[b-1t5i7x8shh] {
    left: 0;
    transform: rotate(135deg);
}
.react-resizable-handle-e[b-1t5i7x8shh] {
    right: 0;
    transform: rotate(315deg);
}
.react-resizable-handle-n[b-1t5i7x8shh],
.react-resizable-handle-s[b-1t5i7x8shh] {
    left: 50%;
    margin-left: -10px;
    cursor: ns-resize;
}
.react-resizable-handle-n[b-1t5i7x8shh] {
    top: 0;
    transform: rotate(225deg);
}
.react-resizable-handle-s[b-1t5i7x8shh] {
    bottom: 0;
    transform: rotate(45deg);
}

/*
vocalremover.css contained in module
*/
.ibinti_panel_link[b-1t5i7x8shh] {
    background-color: azure;
    padding: 10px;
    border: none;
    border-radius: 8px;
}
#player_control[b-1t5i7x8shh] {
    background-color: azure;
    padding: 10px;
    border: none;
    border-radius: 8px;
    max-width: 640px;
}
#yvr_upload_chunk_progress[b-1t5i7x8shh] {
    background-color: orange;
    height: 10px;
    width: 0%;
}
#caching_in_progress_percent[b-1t5i7x8shh] {
    background-color: orange;
    height: 10px;
    width: 0%;
}

.ibinti_show_link_download_img[b-1t5i7x8shh] {
    height: 40px;
    margin-bottom:-12px;
}
#title_queued_files[b-1t5i7x8shh] {
    margin-top: 1em;
    font-size: 1em;
    font-family: sans-serif;
    color: rgb(89, 11, 141);
    line-height: 1;
}
#title_queued_files_note[b-1t5i7x8shh] {
    margin-left: 0em;
    font-size: 0.6em;
}

#yvr[b-1t5i7x8shh] {
    display:block;
}

#yvr_loading[b-1t5i7x8shh] {
    font-size: 32px;
    background-color: aliceblue;
}

.button_control_player[b-1t5i7x8shh] {
    background-color: rgb(89, 11, 141);
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: center;
    font-size: 0.9em;
    font-style: normal;
    font-family: sans-serif;
    margin: 4px 2px;
    height: 40px;
}
.button_control_player:hover[b-1t5i7x8shh] {
    background-color: #BD5FFF;
}
.button_control_player:focus[b-1t5i7x8shh] {
    outline: none;
}

#button_control_player[b-1t5i7x8shh] {
    display: flex;
    flex-wrap: wrap;
}

#yvr_button_close[b-1t5i7x8shh] {
    font-size: 0.8em;
    color: transparent;
    padding: 10px 10px 10px 10px;
    margin-left: 8px;
    width: 40px;
    background-image: url("/asset/btn_close.png");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.vocalremover_button_download[b-1t5i7x8shh] {
    color: transparent;
    background-image: url("/asset/btn_download.png");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    width: 64px;
}

.yvr_button_delete[b-1t5i7x8shh] {
    width: 40px;
    color: transparent;
    background-image: url("/asset/btn_delete.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#yvr_button_save[b-1t5i7x8shh] {
    color: transparent;
    background-image: url("/asset/btn_save.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

#anchor_vocalremover[b-1t5i7x8shh] {
    padding: 10px;
    text-align: left;
}

ol[b-1t5i7x8shh] {
    list-style: none;
    list-style-position: inside;
    padding-left: 0;
}
.messagebox[b-1t5i7x8shh] {
    padding: 10px;
}

/*
vocalremover.css contained in module
*/


.ibinti_panel_link[b-1t5i7x8shh] {
    background-color: azure;
    padding: 10px;
    border: none;
    border-radius: 8px;
}
#player_control[b-1t5i7x8shh] {
    background-color: azure;
    padding: 10px;
    border: none;
    border-radius: 8px;
    max-width: 640px;
}
#yvr_upload_chunk_progress[b-1t5i7x8shh] {
    /* background-color: orange; */
    height: 10px;
    /* width: 0%; */
    width: 5rem;
    margin-bottom: 10px;
}
#caching_in_progress_percent[b-1t5i7x8shh] {
    /* background-color: orange; */
    height: 10px;
    /* width: 0%; */
    width: 5rem;
    margin-bottom: 10px;
}

.ibinti_show_link_download_img[b-1t5i7x8shh] {
    height: 40px;
    margin-bottom:-12px;
}
#title_queued_files[b-1t5i7x8shh] {
    margin-top: 1em;
    font-size: 1em;
    font-family: sans-serif;
    color: rgb(89, 11, 141);
    line-height: 1;
}
#title_queued_files_note[b-1t5i7x8shh] {
    margin-left: 0em;
    font-size: 0.6em;
}

#yvr[b-1t5i7x8shh] {
    display:block;
}

#yvr_loading[b-1t5i7x8shh] {
    font-size: 32px;
    background-color: aliceblue;
}

.button_control_player[b-1t5i7x8shh] {
    background-color: rgb(89, 11, 141);
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: center;
    font-size: 0.9em;
    font-style: normal;
    font-family: sans-serif;
    margin: 4px 2px;
    height: 40px;
}
.button_control_player:hover[b-1t5i7x8shh] {
    background-color: #BD5FFF;
}
.button_control_player:focus[b-1t5i7x8shh] {
    outline: none;
}

#button_control_player[b-1t5i7x8shh] {
    display: flex;
    flex-wrap: wrap;
}

#yvr_button_close[b-1t5i7x8shh] {
    font-size: 0.8em;
    color: transparent;
    padding: 10px 10px 10px 10px;
    margin-left: 8px;
    width: 40px;
    background-image: url("/asset/btn_close.png");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.vocalremover_button_download[b-1t5i7x8shh] {
    color: transparent;
    background-image: url("/asset/btn_download.png");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    width: 64px;
}

.yvr_button_delete[b-1t5i7x8shh] {
    width: 40px;
    color: transparent;
    background-image: url("/asset/btn_delete.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#yvr_button_save[b-1t5i7x8shh] {
    color: transparent;
    background-image: url("/asset/btn_save.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

#anchor_vocalremover[b-1t5i7x8shh] {
    padding: 10px;
    text-align: left;
}

ol[b-1t5i7x8shh] {
    list-style: none;
    list-style-position: inside;
    padding-left: 0;
}
.messagebox[b-1t5i7x8shh] {
    padding: 10px;
}
/* /Cell/WPCard.razor.rz.scp.css */
.wpcard[b-399yvbg3m8] {
    background-color: rgb(175, 131, 216);
}
/* /Cell/YCard.razor.rz.scp.css */
.ycard[b-ooi4gricfo] {

    padding: 8px;
    background-color: blueviolet;
    
}
/* /Cell/Youtube.razor.rz.scp.css */
/*
youtube.css contained in module
*/

input.yvr_slider[b-vk9a0n938o] {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background-color: lightblue;
    padding: 0px;
    margin-bottom: 5px;
    outline: none;
    border: 0px;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    
    display:inline-block;
}
input.yvr_slider:focus[b-vk9a0n938o] {
    outline: none;

}
input.yvr_slider:hover[b-vk9a0n938o] {
    opacity: 1;
}
input.yvr_slider[b-vk9a0n938o]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 25px;
    background: lightblue;

    cursor: pointer;
}
input.yvr_slider[b-vk9a0n938o]::-moz-range-thumb {
    width: 15px;
    height: 25px;
    background: lightblue;

    cursor: pointer;
}

#player_waveform_instrumental[b-vk9a0n938o] {
    grid-column: 1;
    grid-row: 1;
    height: 44px;
    width: 100%;
}
#player_waveform_progress_instrumental[b-vk9a0n938o] {
    grid-column: 1;
    grid-row: 1;
    height: 44px;
    width: 100%;
}
#player_waveform_vocal[b-vk9a0n938o] {
    grid-column: 1;
    grid-row: 1;
    height: 44px;
    width: 100%;
}
#player_waveform_progress_vocal[b-vk9a0n938o] {
    grid-column: 1;
    grid-row: 1;
    height: 44px;
    width: 100%;
}

.player_time_slider[b-vk9a0n938o] {
    grid-column: 1;
    grid-row: 1;
    background-color: yellow;
    height: 44px;
    margin-top: 22px;
}
input.player_time_slider[b-vk9a0n938o] {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background-color: lightblue;
    padding: 0px;
    outline: none;
    border: 0px;
    opacity: 0.9;
    -webkit-transition: .2s;
    transition: opacity .2s;
    display:inline-block;
}
input.player_time_slider:focus[b-vk9a0n938o] {
    outline: none;
}
input.player_time_slider:hover[b-vk9a0n938o] {
    opacity: 1;
}
input.player_time_slider[b-vk9a0n938o]::-webkit-slider-thumb:hover {
    opacity: 0.9;
    background-color: lightblue;
    width: 15px;
}
input.player_time_slider[b-vk9a0n938o]::-moz-range-thumb:hover {
    opacity: 0.9;
    background-color: lightblue;
    width: 15px;
}
input.player_time_slider[b-vk9a0n938o]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1px;
    height: 31px;
    background: blue;
    cursor: pointer;
}
input.player_time_slider[b-vk9a0n938o]::-moz-range-thumb {
    width: 1px;
    height: 31px;
    background: blue;
    cursor: pointer;
}
video[b-vk9a0n938o]::-webkit-media-controls {
    display:none !important;
}
/* a for lowercase letters
A for uppercase letters
i for lowercase Roman numerals
I for uppercase Roman numerals
1 for numbers (default)
*/
#vumeter_left_instrumental[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-50px) translateX(-35px);
}
#vumeter_right_instrumental[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-38px) translateX(-20px);
}
#vumeter_left_vocal[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-50px) translateX(-35px);
}
#vumeter_right_vocal[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-38px) translateX(-20px);
}

#vumeter_left_play_instrumental[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-50px) translateX(-35px);
}
#vumeter_left_play_vocal[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-50px) translateX(-35px);
}
#vumeter_right_play_instrumental[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-38px) translateX(-20px);
}
#vumeter_right_play_vocal[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-38px) translateX(-20px);
}
#vumeter_left_singalong[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-50px) translateX(-35px);
}
#vumeter_right_singalong[b-vk9a0n938o] {
    margin: 1px;
    padding: 0;
    width: 10px;
    height: 100px;
    transform: rotate(90deg) translateY(-38px) translateX(-20px);
}
.vumeter_singalong[b-vk9a0n938o] {
    display: inline-block;
    grid-column: 1;
    grid-row: 1;
    height: 45px;
}
.vumeter[b-vk9a0n938o] {
    display: inline-block;
    grid-column: 1;
    grid-row: 1;
    height: 45px;
}

.vumeter_slider_instrumental[b-vk9a0n938o] {
    display:grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(10px, auto);
}
.vumeter_slider_vocal[b-vk9a0n938o] {
    display:grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(10px, auto);
}

.vumeter_slider_safari[b-vk9a0n938o] {
    display:grid;
    grid-template-columns: 0px 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(10px, auto);
}
.span_time_slider[b-vk9a0n938o] {
    grid-column: 1;
    grid-row: 1;
    background: yellow;
    height: 45px;
    margin-top: 20px;
}
input.span_time_slider[b-vk9a0n938o] {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background-color: lightblue;
    padding: 0px;
    outline: none;
    border: 0px;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    display:inline-block;
}
input.span_time_slider:focus[b-vk9a0n938o] {
    outline: none;

}
input.span_time_slider:hover[b-vk9a0n938o] {
    opacity: 1;
}
input.span_time_slider[b-vk9a0n938o]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 25px;
    background: lightblue;
    cursor: pointer;
}
input.span_time_slider[b-vk9a0n938o]::-moz-range-thumb {
    width: 15px;
    height: 25px;
    background: lightblue;
    cursor: pointer;
}

.button_control_player[b-vk9a0n938o] {
    background-color: rgb(89, 11, 141);
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: center;
    font-size: 0.9em;
    font-style: normal;
    font-family: sans-serif;
    margin: 4px 2px;
    height: 40px;
}
.button_control_player:hover[b-vk9a0n938o] {
    background-color: #BD5FFF;
}
.button_control_player:focus[b-vk9a0n938o] {
    outline: none;
}

#button_control_player[b-vk9a0n938o] {
    display: flex;
    flex-wrap: wrap;
}

#yvr_button_close[b-vk9a0n938o] {
    font-size: 0.8em;
    color: transparent;
    padding: 10px 10px 10px 10px;
    margin-left: 8px;
    width: 40px;
    background-image: url("/asset/btn_close.png");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}


#yvr_button_volume_instrumental[b-vk9a0n938o] {
    display: grid;
    grid-template-columns: 40px 1fx;
    column-gap: 4px;
    align-items: center;
    font-size: 1em;
    width: 166px;
    padding: 0px 10px;
}
#yvr_slider_volume_instrumental[b-vk9a0n938o] {
    position: relative;
    top: 0px;
}
#yvr_checkbox_mute_instrumental[b-vk9a0n938o] {
    /* position: relative; */
    top: 0px;
}

#yvr_button_volume_vocal[b-vk9a0n938o] {
    display: grid;
    grid-template-columns: 3em 1em;
    column-gap: 4px;
    align-items: center;
    font-size: 1em;
    width: 166px;
    padding: 0px 10px;
}
#yvr_slider_volume_vocal[b-vk9a0n938o] {
    position: relative;
    top: 0px;
}
#yvr_checkbox_mute_vocal[b-vk9a0n938o] {
    position: relative;
    top: 0px;
}

.box[b-vk9a0n938o] {
    display: flex;
}


.iplayer0[b-vk9a0n938o] {
    grid-column: 2;
    grid-row: 1;
    z-index: 0;
    background-color: #3707e4;
    min-height: 400px;
}
.iplayer1[b-vk9a0n938o] {
    grid-column: 2;
    grid-row: 1;
    z-index: 10;
    background-color: #7b7df8;
    opacity: 1;
    min-height: 400px;
}
.iplayer2[b-vk9a0n938o] {
    grid-column: 2;
    grid-row: 1;
    z-index: 20;
    background-color: #330f85;
    opacity: 0.5;
    color: azure;
    padding: 0px 10px;
    min-height: 400px;
}

.youtube_button_play[b-vk9a0n938o] {
    color: transparent;
    background-image: url("/asset/btn_play.png");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.youtube_button_stop[b-vk9a0n938o] {
    color: transparent;
    background-image: url("/asset/btn_stop.png");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.youtube_button_loop[b-vk9a0n938o] {
    color: transparent;
    background-image: url("/asset/btn_loop.png");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 22px;
}
.youtube_button_load[b-vk9a0n938o] {
    /* color: transparent; */
    /* background-image: url("/asset/btn_loop.png"); */
    background-color: #90d8f5;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
}

.video_panel[b-vk9a0n938o] {
    display: flex;
    flex-wrap: wrap;
    padding-left: 88px;
}
.msgbox_btn_done[b-vk9a0n938o] {
    padding: 0px 8px;
    background-color: rgb(89, 11, 141);
    border-radius: 8px;
    color: white;
}

.volume_control[b-vk9a0n938o] {
    background-color: rgb(96, 86, 243);
    color: white;
    cursor: default;
    border: none;
    border-radius: 8px;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: center;
    /* font-size: 0.9em; */
    font-style: normal;
    font-family: sans-serif;
    margin: 10px 10px;
    height: 50px;
}
.button_volume_on[b-vk9a0n938o] {
    cursor: pointer;
    color: transparent;
    background-image: url("/asset/btn_volume_on.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 40px;
}
.button_volume_muted[b-vk9a0n938o] {
    cursor: pointer;
    color: transparent;
    background-image: url("/asset/btn_volume_muted.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 40px;

    /* border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: center;
    background-color: orange; */
    /* filter: brightness(0.5) sepia(1) saturate(10000%) hue-rotate(20deg); */
}

#button_volume_instrumental[b-vk9a0n938o] {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    width: 540px;
    /* width: 283px; */
    /* height: 48x; */
}

#button_volume_vocal[b-vk9a0n938o] {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    width: 540px;
    /* width: 283px; */
    /* height: 48x; */
}
.video_img[b-vk9a0n938o] {
    width: 600px;
    height: 100%;
}

.btn_add[b-vk9a0n938o] {
    /* display: none; */
    background-color: rgb(89, 11, 141);
    color: rgb(250, 250, 250);
    font-size: 1em;
    font-style: normal;
    font-family: sans-serif;
    border: none;
    border-radius: 8px;
    padding: 4px 18px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.btn_add:link[b-vk9a0n938o]  {
    text-decoration: none;
}
.btn_add:visited[b-vk9a0n938o]  {
    text-decoration: none;
}
.btn_add:hover[b-vk9a0n938o] {
    text-decoration: none;
}
.btn_add:active[b-vk9a0n938o] {
    text-decoration: none;
}
.btn_add:focus[b-vk9a0n938o] {
    outline: none;
}

.control_panel[b-vk9a0n938o] {
    position: fixed;
    
    --width: 140px;
    top: 64px; left: calc(100% - var(--width));
    width: var(--width);
    height: 100%;
    z-index: 9;
    
    background-color: rgb(121, 201, 247);
    opacity: 0.8;
    color: rgb(89, 11, 141);
    padding: 0px 10px;
}
.youtube_btn_blurr[b-vk9a0n938o] {
    display: block;
}

.blurr_mirror[b-vk9a0n938o] {
    transform: scaleX(-1);
    filter: blur(8px);
}

#buymeacoffee[b-vk9a0n938o]{
    margin-top: 10px;
}
#login_panel[b-vk9a0n938o] {
    width: 600px;
    border-radius: 8px;
}
.dl_panel[b-vk9a0n938o]{
    display: flex;
    flex-wrap: wrap;
    width: 580px;
    height: 60px;
    border-radius: 8px;
    background-color: rgb(166, 175, 180);
    margin: 10px 0px;
}
.dl_panel > span[b-vk9a0n938o] {
    margin: 8px;
    padding: 4px 8px;
    border-radius: 8px;
    /* background-color: rgb(128, 131, 172); */
}
.sponsorme[b-vk9a0n938o]{
    background-color: black;
}

#video_list_header[b-vk9a0n938o] {
    padding: 2px;
    cursor: move;
    background-color: #2196F3;
    color: rgb(252, 252, 252);
    text-align: center;
}
#video_list_search[b-vk9a0n938o] {
    padding: 4px;
    background-color: #2196F3;
    color: rgb(252, 252, 252);
    text-align: center;
}
#list_video_control_panel[b-vk9a0n938o]{
    display: flex;
    flex-wrap: wrap;
}
#list_video[b-vk9a0n938o]{
    overscroll-behavior: none; /* to prevent browser from scroll when scrolling list_video */
    /* margin-bottom: -20px; */
    overflow-x: hidden;
    overflow-y: auto;
    /* max-width: 180px; */
    min-height: 180px;
    min-width: 300px;
    resize:both;
    /* resize: vertical; */
}
.list_video[b-vk9a0n938o] {
    background-color: lightgray;
    margin: 2px;
    padding: 10px 10px;
    /* cursor: wait; */
    cursor: progress;
    font-size: 0.7em;
}
.list_video_loaded[b-vk9a0n938o] {
    background-color: lightblue;
    cursor: default;
}
#list_video_end[b-vk9a0n938o]{
    padding: 0px;
    background-color: #2196F3;
    color: rgb(252, 252, 252);
    text-align: center;
}
.video_list[b-vk9a0n938o]{
    display: none;
    position: fixed;
    top: 64px;
    border: none;
    /* border-radius: 18px; */
    opacity: 0.99;
    z-index: 9999;
    background-color: rgb(203, 218, 226);
    color: rgb(89, 11, 141);
}
#video_list[b-vk9a0n938o]{
    /* width: calc(18%); */
    /* width: 300px; */
    --width: 300px;
    max-width: calc(18%);
    min-width: var(--width);
    min-height: 80px;
    max-height: 100%;
    top: 64px; right: calc(100% - var(--width));
}
#list_video_control_panel[b-vk9a0n938o]{
    visibility: hidden;
}
.video_list_img[b-vk9a0n938o] {

    height: 40px;
    width: auto;
}
.list_video_line_flex[b-vk9a0n938o]{
    /* display: flex;
    flex-wrap: wrap; */
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-column-gap: 10px;
}
.list_video_line_item[b-vk9a0n938o] {
    overflow: hidden;
}
.msgbox_search[b-vk9a0n938o]{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
.youtube_button_word[b-vk9a0n938o] {
    background-color: rgb(89, 11, 141);
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: center;
    font-size: 0.6em;
    font-style: normal;
    font-family: sans-serif;
    height: 22px;
    padding: 0px 4px;
    opacity: 0.5;
}
.youtube_button_word:hover[b-vk9a0n938o] {
    background-color: #BD5FFF;
}
.youtube_button_word:focus[b-vk9a0n938o] {
    outline: none;
}
#ibinti_footer[b-vk9a0n938o] {
    z-index: 9999999;
}
/* /Ibi.razor.rz.scp.css */
.menu-hidden[b-km7z3mw8qy] {
    visibility: hidden;
}
.menu-visible[b-km7z3mw8qy] {
    visibility: visible;
}
.menu_ibi[b-km7z3mw8qy] {
    padding: 0 1rem;
}
.babo[b-km7z3mw8qy] {
    color: rgb(105, 255, 155);
}
#babo[b-km7z3mw8qy] {
    color: rgb(255, 173, 105);
    width: 11rem;
    height: 100%;
    background-color: transparent;
    border: 0;
}

.ai[b-km7z3mw8qy] {
    /* font-size:1.4rem; */
    color:#AA00FF;
}

#ai[b-km7z3mw8qy] {
    /* font-size:1.4rem; */
    color:#4c00ff;
}

.ibi_the_ai[b-km7z3mw8qy] {
    width:100%;
    height:100%;
    object-fit:cover;
}

.mud-input[b-km7z3mw8qy] {
    /* display:inline-flex; */
    height: 1rem;
}
/* /Pages/Arduino.razor.rz.scp.css */
.jonyfive[b-4m52bbisf1] {
    padding: 10px 5px;
    display: inline-block;
}
.active[b-4m52bbisf1] {
    color: red;
}
.inactive[b-4m52bbisf1] {
    color: black;
}
/* /Pages/Contact.razor.rz.scp.css */
.mat-visible[b-dw7xeqhr1n] {
    visibility: visible;
}
.mat-hidden[b-dw7xeqhr1n] {
    visibility: hidden;
}

.mat-card[b-dw7xeqhr1n] {
    max-width: 400px;
    cursor: default;
}

.mat-card-content[b-dw7xeqhr1n] {
    padding: 1rem;
    cursor: default;
}

.mat-card-clean-margin[b-dw7xeqhr1n] {
    margin: 0px;
}
.top_spacing[b-dw7xeqhr1n] {
    margin-top: 1rem;
}
/* /Pages/Cooker.razor.rz.scp.css */
button[b-ev81501k7l] {
    padding: 1rem;
    font-size: 1rem;
    margin: 1rem;
}
/* /Pages/Index.razor.rz.scp.css */
.visible[b-sfpq4mxd2l] {
    visibility: visible;
}
.hidden[b-sfpq4mxd2l] {
    visibility: hidden;
}

.card[b-sfpq4mxd2l] {
    max-width: 400px;
    cursor: default;
}

.card-content[b-sfpq4mxd2l] {
    padding: 1rem;
    cursor: default;
}

.margin-top-zero[b-sfpq4mxd2l] {
    margin-top: 0px;
}
.margin-top-10[b-sfpq4mxd2l] {
    margin-top: 10px;
    padding-top: 10px;
}
.card-clean-margin[b-sfpq4mxd2l] {
    margin: 0px;
}

input.mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-adorned-end.mud-input-root-margin-dense.mud-select-input[b-sfpq4mxd2l] {
    color: rgb(255, 174, 0);
}
/* /Pages/Main.razor.rz.scp.css */
.popover[b-nf262x35xn] {
    max-width:200px;
    position:fixed;
}

*[b-nf262x35xn] {
    box-sizing: border-box;
  }
  
  .row[b-nf262x35xn]::after {
    content: "";
    clear: both;
    display: table;
  }
  
  [class*="col-"][b-nf262x35xn] {
    float: left;
    padding: 15px;
  }
  
  .header[b-nf262x35xn] {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
    margin-top: 18px;
  }
  
  .menu ul[b-nf262x35xn] {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .menu li[b-nf262x35xn] {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  }
  
  .menu li:hover[b-nf262x35xn] {
    background-color: #0099cc;
  }
  
  .aside[b-nf262x35xn] {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  }
  
  .footer[b-nf262x35xn] {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
  }
  
/* For mobile phones: */
[class*="col-"][b-nf262x35xn] {
    width: 100%;
}
h1.responsive[b-nf262x35xn] {
    font-family: "Roboto", Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 50;
}
@media only screen and (max-width: 600px) {
    h1.responsive[b-nf262x35xn] {
        font-size: 2rem;
        line-height: 1;
    }
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1[b-nf262x35xn] {width: 8.33%;}
    .col-s-2[b-nf262x35xn] {width: 16.66%;}
    .col-s-3[b-nf262x35xn] {width: 25%;}
    .col-s-4[b-nf262x35xn] {width: 33.33%;}
    .col-s-5[b-nf262x35xn] {width: 41.66%;}
    .col-s-6[b-nf262x35xn] {width: 50%;}
    .col-s-7[b-nf262x35xn] {width: 58.33%;}
    .col-s-8[b-nf262x35xn] {width: 66.66%;}
    .col-s-9[b-nf262x35xn] {width: 75%;}
    .col-s-10[b-nf262x35xn] {width: 83.33%;}
    .col-s-11[b-nf262x35xn] {width: 91.66%;}
    .col-s-12[b-nf262x35xn] {width: 100%;}
    h1.responsive[b-nf262x35xn] {
        font-size: 3rem;
        line-height: 1;
    }
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1[b-nf262x35xn] {width: 8.33%;}
    .col-2[b-nf262x35xn] {width: 16.66%;}
    .col-3[b-nf262x35xn] {width: 25%;}
    .col-4[b-nf262x35xn] {width: 33.33%;}
    .col-5[b-nf262x35xn] {width: 41.66%;}
    .col-6[b-nf262x35xn] {width: 50%;}
    .col-7[b-nf262x35xn] {width: 58.33%;}
    .col-8[b-nf262x35xn] {width: 66.66%;}
    .col-9[b-nf262x35xn] {width: 75%;}
    .col-10[b-nf262x35xn] {width: 83.33%;}
    .col-11[b-nf262x35xn] {width: 91.66%;}
    .col-12[b-nf262x35xn] {width: 100%;}
    h1.responsive[b-nf262x35xn] {
        font-size: 4rem;
        line-height: 1;
    }
}
/* /Pages/Privacy.razor.rz.scp.css */
.kyoto[b-irghgh37je] {
    display: block;
}