.d-flex{display:flex;}
.d-none{display:none !important;}
.flex-fill{flex: 1 1 auto;}
.mb-3{margin-bottom: 1rem !important;}
.align-items-center{align-items:center;}
.justify-content-end{justify-content:flex-end;}
.flex-column{flex-direction:column;}
.col-6{width: 47%;}

#memo-list{min-height: 100vh;}

.button{cursor:pointer;}
.item-avatar{width:40px;height:40px;border-radius:50%;background-size:contain;flex:0 0 auto;cursor:pointer;cursor:pointer;}

.user-now{padding:0;align-items:center;background-color:var(--lmsim-s-bg);border-radius:8px;overflow:hidden;}
.user-now .row-fill{display:flex;margin-left:auto;}
.user-now .item-avatar{border-radius:unset;width:24px;height:24px;padding:5px 12px;cursor:pointer;}
.user-now .item-avatar img{border-radius:8px;display: inline-block;max-width: 100%;}
.user-now .button{padding:10px 12px;color:var(--lmsim-s-color);line-height:1;}
.user-now .button:hover{color:var(--lmsim-link-hover);background-color:var(--lmsim-border-color);}
.user-now .button.current{color:var(--lmsim-link-hover)}
.user-now .search-memos.button{margin-left:auto;}
.user-now-name{font-size:0.875rem;margin-right:20px;flex:0 0 auto;}
.search-memos-input{height:35px;width:100%;padding:3px 0;margin:0 auto;border:none;border-bottom:1px solid var(--lmsim-border-color);outline:none;}

.userlist{padding:10px;justify-content:center;flex-wrap:wrap;display:flex;flex-direction:row;height:125px;overflow-y:scroll;overflow-x:hidden;border-radius:8px;background-color:var(--lmsim-s-bg);}
.userlist .item-avatar{margin:0 6px 5px 0;}

.memos-editor-option .input-text{margin-bottom:5px;padding:0 2px 5px;border:none;border-bottom:1px solid var(--lmsim-border-color);outline:none;}

/* Memos Editor */
.memos-editor{padding:0.85rem;margin-bottom:1rem;background-color:var(--lmsim-s-bg);border-radius:8px;}
.memos-editor-body{display:flex;border-radius:.33rem;background-color:var(--light-background-secondary);flex-direction:column;}
.memos-editor-content,.memos-editor-footer,.memos-editor-option{display: flex;}
.memos-editor-content .memos-editor-textarea{font-size:1rem;width:100%;max-height:160px;margin-bottom:8px;border:none;outline:none;}
.memos-image-list .image-background{background-size:8rem;width:8rem;height:8rem;border-radius:0.33rem}
.memos-image-list .memos-tag:hover{text-decoration:line-through;}
.memos-editor-tools{display:flex;flex-direction:column;padding:8px 0 0;}
.memos-editor-tools .button{padding: 0.3rem;margin-right:0.5rem;line-height:1;text-align:center;color:var(--lmsim-s-color);}
.memos-editor-tools .button:hover{color:var(--lmsim-link-hover)}
.memos-editor-tools .memos-tag-list{display:flex;flex-wrap:wrap;align-items:center;line-height:2;padding:10px 0;}
.memos-editor-tools .imagelist-item{position:relative;font-size:0.75rem;color:var(--lmsim-s-color);padding:2px 10px;margin-right:10px;border-radius:4px;background-color:var(--lmsim-border-color);cursor:pointer;}
.memos-editor-footer{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--lmsim-border-color)}
.memos-editor-footer .edit-memos {display:flex;text-wrap:nowrap;}
.memos-editor-footer .button{padding:5px;line-height:1;color:var(--lmsim-s-color);margin-right:0.5rem;}
.memos-editor-footer .button:hover{opacity:0.8;}

.memos-tagnow{font-size:0.875rem;color:var(--lmsim-s-color);align-items:center;margin-bottom:0.85rem;}
.memos-tagnow-name{display:flex;align-items:center;cursor:pointer !important;margin-left:10px;padding:2px 10px;border-radius:4px;background-color:var(--lmsim-border-color);}
.memos-tagnow-name:hover{text-decoration: line-through}
.memos-tagnow-name svg{width:1rem;margin-left:6px;vertical-align:middle;}

.editor-submit{margin-left:auto;}

.memos-editor button,.memos-editor select{display:flex;outline:none;border:1px solid transparent;border-radius: .33rem;background-color: transparent;text-align: center;text-decoration: none;font-weight: 500;line-height: 1;cursor: pointer;transition: all .3s linear;align-items: center;justify-content:center;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
.memos-editor button{color: #FFF;background-color: #1890ff;padding:0.25rem 1.25rem;}
.memos-editor button:hover{background-color: #40a9ff;box-shadow: 0px 5px 20px -3px rgba(24, 144, 255, 0.5);}

.select{position:relative;margin-right:0.5rem;border-radius:0.33rem;border:1px solid var(--lmsim-border-color)}
.select::after{position:absolute;top:50%;right: .5rem;border-color: var(--lmsim-g-color) transparent transparent transparent;border-style:solid;border-width: .25rem .25rem 0;content:'';transform:translateY(-50%);}
.select select{padding:0.25rem 1.25rem 0.25rem 0.75rem;color:var(--lmsim-g-color);}
select option {width:100%;text-align:center;color:var(--lmsim-g-color);background-color:var(--lmsim-s-bg);}

.cancel-edit-btn{margin-right:0.5rem;}

.resource-wrapper{display: flex;width: 100%;flex-direction: column;align-items: flex-start;justify-content: flex-start;}

.images-wrapper .image-cover{display: grid;gap: .5rem;}
.images-wrapper .memo-resource{position: relative;} 
.images-wrapper .memo-resource::after{display: block;padding-top: 100%;content: '';}

.images-wrapper.width-50{width:67.5%}
.images-wrapper.width-100{position:relative;max-height: 270px;overflow: hidden;}
.images-wrapper.width-100 .image-bg{display: block;position:absolute;width:100%;z-index: 0;}
.images-wrapper.width-100 .image-bg img{width: 100%;height: 100%;object-fit: cover;filter: blur(10px);}
.images-wrapper.width-100 .image-cover{position: relative;text-align: center;z-index: 10;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);-moz-backdrop-filter: blur(20px);-ms-backdrop-filter: blur(20px);}

.images-wrapper .image-cover img{position: absolute;width: 100%;height: 100%;object-fit: cover;cursor: pointer}
.images-wrapper.width-100 .image-cover img{position: relative;margin: auto;max-height: 270px;width: auto;}
.images-wrapper.width-50 .image-cover{grid-template-columns: repeat(2, minmax(0, 1fr));}
.images-wrapper.width-33 .image-cover{grid-template-columns: repeat(3, minmax(0, 1fr));}
.images-wrapper.width-25 .image-cover{grid-template-columns: repeat(4, minmax(0, 1fr));}

.video-wrapper{position: relative;display: flex;padding-bottom: 56.25%;height: 0;}
.video-wrapper iframe{position: absolute;width: 100%;height: 100%}
.info{text-align: right;padding: 1rem 0 0;}

/* twikoo */
.tk-tag,
.tk-row.actions .tk-action-icon.__markdown,.tk-preview,.tk-content p a.at{display: none !important;}
.tk-replies .tk-content{font-size: 1em !important;}
.tk-content img{max-width: 100% !important;max-height: 100% !important;vertical-align: initial !important;}
.tk-owo-emotion{width: 30px;}
.tk-footer{display: none;}
.tk-extras{font-size:0.75rem !important}

/* dropdown */
.dropdown{position:relative;}
.dropdown-wrapper{position:absolute;display:flex;flex-direction:column;top: 0.65rem;right: 0;padding: .25rem;border-radius: .33rem;background-color:var(--lmsim-s-bg);font-size:0.85rem;z-index:1000;}
.dropdown-wrapper>.btn{cursor: pointer;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;user-select: none;display: flex;justify-content: center;padding: .2rem 1rem;line-height: 1.6rem;border-radius: .24rem;}
.dropdown-wrapper>.btn:hover {color: var(--lmsim-g-color);background-color: var(--lmsim-s-bg);}

/* card */
.card-item{position:relative;transition:all .6s ease-out;width:100%;margin-top:30px;}
.card-item .item-header{position: relative;display:flex;align-items:center;}
.card-item .item-header .item-avatar{margin-right:10px;}
.card-item .item-sub{font-size:0.85rem;line-height:1.5;}
.card-item .item-mate,.info{font-size:0.75rem;color:var(--lmsim-t-color);}
.card-item .item-creator{font-weight:700;}
.card-item .item-option{margin-left:auto;z-index:1;}
.card-item .item-option svg{color:var(--lmsim-t-color);}

.card-item .item-album{position:relative;overflow:hidden;justify-content:center;align-items:center;}
.card-item .item-album img{position:absolute;width:100%;transition:transform .2s ease-in-out;flex:1;object-fit: cover;transition: all 0.6s ease;}
.card-item .item-album::after{display:block;padding-top:64%;content:''}

.card-item:hover .item-album>img{transform: scale(1.1);}

.card-item .item-content{position: relative;transition: all .3s ease;}
.card-item .item-content.is-feature{background-image: linear-gradient(transparent,rgba(0,0,0,.85));-webkit-backdrop-filter: saturate(180%) blur(.33rem);backdrop-filter: saturate(180%) blur(.33rem);opacity: 0;transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03), opacity 0.3s ease;}
.card-item:hover .item-content.is-feature{opacity: 1;}
.card-item .item-content blockquote{margin:0;padding-right:0;}
.card-item .item-content blockquote + blockquote{padding-top:0;}
.card-item .item-content p{margin:0.5rem 0;line-height:1.8rem;}
.card-item .item-content a{color: var(--lmsim-c-link);}
.card-item .item-tag{font-size:0.875rem;color:var(--lmsim-s-color);padding:2px 10px;margin-right:10px;border-radius:4px;background-color:var(--lmsim-border-color);}
.card-item .item-footer .item a{display:flex;font-size:0.875rem;color:var(--lmsim-s-color);align-items:center;cursor:pointer;}
.card-item .item-footer .item span{padding-left:3px;}
.item-tag.no-cursor{cursor:unset;}
.card-item a:hover{color:var(--lmsim-link-hover) !important;}

.card-item .item-note{overflow:hidden;height:calc(1em * 2 * 1.5);}

.card-item .item-fadein{opacity: 0;transition: transform .4s ease;transform: translate3d(0, 100%, 0);}

.card-item:hover .item-fadein{opacity: 1;transition: transform .4s ease;transform: translate3d(0, 0, 0);}
.item-inner ul li{font-size:1rem;}
.item-comment {margin-top:1rem;}

.load{position:relative;display:flex;}

button.button-load{display:block;width:100%;margin:30px auto 0;padding: 10px 0;}
button.cancel-edit-btn{margin-left:-1rem;}
/*db-card*/
.db-card{margin:1rem 0;background:var(--lmsim-s-bg);box-shadow: 0 1px 2px rgb(0 0 0 / 25%), 0 0 1px rgb(0 0 0 / 25%);border-radius:0 !important;}
.db-card-subject{display: flex;align-items:flex-start;line-height:1.6;padding:12px;position:relative;}
.db-card-content {flex:1 1 auto;}
.db-card-post {width: 96px;margin-right: 15px;display: flex;flex: 0 0 auto;}
.db-card-title {margin-bottom: 5px;font-size: 18px;}
.db-card-title a{text-decoration: none!important}
.db-card-abstract,.db-card-comment{font-size:14px;overflow: hidden;max-height:3rem;}
.db-card-cate{position: absolute;top:0;right:0;background:#f99b01;padding:1px 8px;font-size:small;font-style:italic;border-radius:0 0 0 8px;text-transform:capitalize;}
.db-card-post img{width: 96px!important;height: 96px!important;border-radius: 4px;-o-object-fit: cover;object-fit: cover;}
.rating{margin: 0 0 5px;font-size:13px;line-height: 1;display: flex;align-items: center;}
.rating .allstardark{position:relative;color: #f99b01;height: 16px;width: 80px;background-size: auto 100%;margin-right: 8px;background-repeat: repeat;background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6TTY2NC44IDU2MS42bDM2LjEgMjEwLjNMNTEyIDY3Mi43IDMyMy4xIDc3MmwzNi4xLTIxMC4zLTE1Mi44LTE0OUw0MTcuNiAzODIgNTEyIDE5MC43IDYwNi40IDM4MmwyMTEuMiAzMC43LTE1Mi44IDE0OC45eiIgZmlsbD0iI2Y5OWIwMSIvPjwvc3ZnPg==);
}
.rating .allstarlight{position: absolute;left: 0;color: #f99b01;height:16px;overflow: hidden;background-size: auto 100%;background-repeat: repeat;background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6IiBmaWxsPSIjZjk5YjAxIi8+PC9zdmc+);}

/* db-card -------- end */


/* loading */
.el-loading {
	position: relative;
	flex: 1;
}
.el-skeleton {
	padding: 1rem;
	flex: 1;
	border-radius: .33rem;
	background-size: 400% 100%;
	background-position: 100% 50%;
	background-image: linear-gradient(90deg, var(var(--lmsim-s-bg)) 25%, var(--light-color-hover) 45%, var(var(--lmsim-s-bg)) 65%);
	animation: skeleton-loading 3s ease infinite;
}

.todo-btn{display:none;}
.emoji-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 8px 0;
}
.emoji-item {
    padding: 4px;
    font-size: 24px;
    line-height: 1;
    cursor: pointer
}
.emoji-item:hover {
    background: var(--light-background-hover);
    border-radius: 4px
}
@media (max-width:480px) {
	.user-now-name{display:none;}
	.user-now .row-fill span.mr-2{margin-right:0 !important;}
}
pre {
	border-radius   : 4px;
	position        : relative;
	margin			: 1rem 0;
	padding-top     : 30px;
	background      : var(--lmsim-s-bg);
}

pre:before {
	content              : '';
	position             : absolute;
	-webkit-border-radius: 50%;
	border-radius        : 50%;
	background           : #fc625d;
	width                : 11px;
	height               : 11px;
	left                 : 10px;
	top                  : 10px;
	-webkit-box-shadow   : 20px 0 #fdbc40, 40px 0 #35cd4b;
	box-shadow           : 20px 0 #fdbc40, 40px 0 #35cd4b;
	z-index              : 2
}

.myfeeds{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
.myfeeds .card-item{overflow:hidden;}
.myfeeds .item-avatar{margin-right:10px;}
.myfeeds .item-avatar span.face{display:block;font-size:1.5rem;width:38px;height:38px;color:#fff;font-weight:bold;line-height:38px;border-radius:50%;text-align:center;text-transform:uppercase;}
.myfeeds .item-content a{display:block;width:100%;height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.myfeeds .item-mate{margin-left:10px;}