.tiny-card-item{--ti-card-item-bg-color:var(--ti-common-color-light, #fff);--ti-card-item-border-color:#ccc;--ti-card-item-placeholder-bg-color:rgba(0, 0, 0, 0.05);--ti-card-item-placeholder-border-color:rgba(0, 0, 0, 0.2);--ti-card-item-resize-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-bg-color:rgba(255, 255, 255, 0);--ti-card-item-remove-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-hover-bg-color:rgba(255, 255, 255, 0.8);--ti-card-item-remove-icon-hover-text-color:rgba(0, 0, 0, 0.7);--ti-card-item-header-font-size:var(--ti-common-font-size-1, 14px);--ti-card-item-header-text-color:#444;--ti-card-item-header-height:var(--ti-common-size-10x, 40px);--ti-card-item-header-title-border-color:var(--ti-common-color-bg-dark-deep, #464c59);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,transform;transition-property:left,top,right,transform,-webkit-transform;background:var(--ti-card-item-bg-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border:1px solid var(--ti-card-item-border-color);border-radius:0;right:auto;overflow:hidden;margin:6px}.tiny-card-item.resizing{opacity:.6;z-index:3}.tiny-card-item.dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:none;transition:none;z-index:3}.tiny-card-item.placeholder{background:var(--ti-card-item-placeholder-bg-color);border:1px dashed var(--ti-card-item-placeholder-border-color);-webkit-transition-duration:.1s;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-card-item.placeholder .remove,.tiny-card-item.placeholder .resizableIcon{display:none}.tiny-card-item>.resizableIcon{position:absolute;width:6px;height:6px;bottom:2px;right:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:se-resize}.tiny-card-item>.resizableIcon:before{position:absolute;content:'';width:6px;height:6px;bottom:2px;right:2px;border-right:1px solid var(--ti-card-item-resize-icon-color);border-bottom:1px solid var(--ti-card-item-resize-icon-color);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .remove{position:absolute;width:22px;height:22px;top:0;right:0;padding:0 3px 3px 0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;opacity:.5;background:var(--ti-card-item-remove-icon-bg-color);-webkit-transition:all .5s;transition:all .5s}.tiny-card-item .remove:hover{background:var(--ti-card-item-remove-icon-hover-bg-color)}.tiny-card-item .remove:hover:after,.tiny-card-item .remove:hover:before{background:var(--ti-card-item-remove-icon-hover-text-color)}.tiny-card-item:hover .remove{opacity:1}.tiny-card-item .remove:before{position:absolute;top:10px;right:6px;content:'';background:var(--ti-card-item-remove-icon-color,rgba(0,0,0,.5));height:1px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .remove:after{position:absolute;top:10px;left:6px;content:'';background:var(--ti-card-item-remove-icon-color,rgba(0,0,0,.5));height:1px;width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .card-header{font-size:var(--ti-card-item-header-font-size);color:var(--ti-card-item-header-text-color);height:var(--ti-card-item-header-height);line-height:var(--ti-card-item-header-height);width:100%;padding:0 30px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .card-header>.card-title{height:13px;line-height:13px;border-left:3px solid var(--ti-card-item-header-title-border-color);margin:0 0 0 12px;padding:0 0 0 5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.tiny-card-item .card-body{height:calc(100% - var(--ti-card-item-header-height));position:relative}.tiny-card-item .card-body:nth-child(1){height:100%}