.Island.App-menu__left{
    display: none;
}

.Island.App-menu__left.show{
    display: unset;
}

.excalidraw.excalidraw-modal-container {
    z-index: 1062!important;
}

li[data-testid="addToLibrary"]{
    display: none;
}

li[data-testid="addToLibrary"] + hr.context-menu-item-separator{
    display: none;
}

.HelpDialog__header{
    display: none!important;
}

label.ToolIcon{
    margin: 0;
}

.Dialog__action-button--gray{
    background-color: #939393!important;
    border-color: #939393!important;
    color: #fff!important;
}

.d-grid{
    display: grid!important;
}

/*隱藏excalidraw資料庫btn*/
.App-menu.App-menu_top .layer-ui__wrapper__top-right.zen-mode-transition label[title="資料庫"]{
    display: none;
}
/*隱藏excalidraw資料庫btn*/
.mobile-misc-tools-container label[title="資料庫"]{
    display: none;
}
/*隱藏excalidraw help btn*/
footer.layer-ui__wrapper__footer.App-menu.App-menu_bottom .layer-ui__wrapper__footer-right.zen-mode-transition button.help-icon{
    display: none;
}

footer.layer-ui__wrapper__footer.App-menu.App-menu_bottom .undo-redo-buttons.zen-mode-transition{
    display: none;
}

footer.App-toolbar button[aria-label="復原"]{
    display: none;
}

footer.App-toolbar button[aria-label="重做"]{
    display: none;
}

.modal_close_style{

    color: #b8b8b8;
    margin: 0;
    /* position: absolute;
    top: 0.75rem;
    right: 0.5rem; */
    border: 0;
    background-color: transparent;
    line-height: 0;

}

.modal_close_style svg{
    width: 1.5rem;
    height: 1.5rem;
}

:root {
    --grid-card-width: 220px;
}

.grid-container{
    display: grid;
    /* justify-content: space-around;
    justify-items: center;
    grid-template-columns: repeat(auto-fill, var(--grid-card-width)); */
    grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
    grid-gap: 16px;
    padding: 0.5rem;
}

.grid-container .grid-card{
    /* height: fit-content;
    height:calc(var(--grid-card-width) - 40px);
    width: var(--grid-card-width); */
    
    border-radius:0.5rem;
    background-color: hsla(0, 0%, 78%, 0.3);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.grid-container .grid-card:hover{
    background-color: hsla(0, 0%, 78%, 0.6);
}

.grid-container .file_title{

    width: 100%;
    padding: 0rem 0.5rem;
    font-weight: 600;
    font-size: 1rem;

    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; */

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    /* text-align: center;  */
    word-wrap: break-word; 
    line-height: 1.2;
}

.cloud_space_select_btn{
    border-radius: 50%;
    /* padding: 0.25rem; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
    display: grid;
    place-items: center;
    cursor: pointer;
}

.cloud_space_select_btn:hover{
    background-color: hsla(206, 6%, 25%, 0.08);
}

.list-container .list-card{
    height:48px;
    width: 100%;

    display: flex;
    align-items: center;

    border-bottom: 1px solid #c7c7c7;

}

.list-container .list-card:hover{
    background-color: hsla(0, 0%, 78%, 0.5);
}

.list-container[file-type="file"] .list-card:last-child{
    border-bottom: unset;

}

.list-container .file_title{

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.cloud_space_modal{

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 1062; 
    position: absolute; 
    top: 0; 
    left: 0; 
    padding:0.5rem; 
    background-color: rgba(18, 18, 18, 0.2);

}

@media (min-width: 576px){

    .cloud_space_modal {
        padding:2.5rem; 
    }
    
}

.cloud_space_more_options_list_style{
    /* position: absolute;
    right: 0;
    top: calc(100% + 2px); */

    position: fixed;
    z-index: 1062;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    background-color: #fff;
    box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.05), 0px 0px 3.12708px rgba(0, 0, 0, 0.0798), 0px 0px 0.931014px rgba(0, 0, 0, 0.1702);
    border-radius: 0.5rem;
    
    white-space: nowrap;

}


.cloud_space_more_options_list_style > label{

    padding: 0.5rem;
    margin: 0rem;
    cursor: pointer;

}

.cloud_space_more_options_list_style > label:hover{

    background-color: #f5f5f5;
    border-radius: 0.375rem;

}

button[data-testid="toolbar-frame"] .dropdown-menu-item__text {
    visibility:hidden;
}

button[data-testid="toolbar-frame"] .dropdown-menu-item__text::before {
    content: '新增分類框';
    visibility: visible;
}

button[data-testid="toolbar-embeddable"] .dropdown-menu-item__text {
    visibility:hidden;
}

button[data-testid="toolbar-embeddable"] .dropdown-menu-item__text::before {
    content: '嵌入youtube影片';
    visibility: visible;
}

/*button[data-testid="toolbar-embeddable"]:last-child{
    display: none!important;
}*/

li[data-testid="selectAllElementsInFrame"] button div.context-menu-item__label{
    visibility:hidden;
    width: 0px;
}

li[data-testid="selectAllElementsInFrame"] button div.context-menu-item__label::before{
    content: '選取分類框內的所有元素';
    visibility: visible;
}

li[data-testid="removeAllElementsFromFrame"] button div.context-menu-item__label{
    visibility:hidden;
    width: 0px;
}

li[data-testid="removeAllElementsFromFrame"] button div.context-menu-item__label::before{
    content: '從分類框內移出所有元素';
    visibility: visible;
}

.select_cloud_space_folder_path{
    cursor: pointer;
    white-space: nowrap;
    padding: 0.2rem 0.5rem;
}

.select_cloud_space_folder_path:hover{
    /* background-color: hsla(0, 0%, 78%, 0.5); */
    background-color: hsla(206, 6%, 25%, 0.08);
    border-radius: 50rem;
}

.list_sort_title{
    cursor: pointer;
    white-space: nowrap;
    padding: 0.2rem 0.5rem;
}

.list_sort_title:hover{
    /* background-color: hsla(0, 0%, 78%, 0.5); */
    background-color: hsla(206, 6%, 25%, 0.08);
    border-radius: 50rem;
}


.div_shared_elements_btn{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /*padding: 1rem 0.75rem;*/
    position: relative;
}
.div_shared_elements_btn::after {
    content: "";
    width: calc(100% - 1.5rem);
    height: 1px;
    /*background: var(--sidebar-border-color);*/
    position: absolute;
    bottom: -1px;
}


.toolbar-group-btn.checked{
    --icon-fill-color: var(--color-primary-darker);
    background: var(--color-primary-light);
    --keybinding-color: var(--color-gray-60);
    
}