.lib-card-directive{min-width:300px;height:calc(100% - 2px);min-height:calc(100% - 2px);border:var(--element-default-border);border-radius:var(--semi-round-corners);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;background-color:#fff}.lib-card-directive .lib-card-image{height:15rem;width:100%;overflow:hidden;padding:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}.lib-card-directive .lib-card-image img,.lib-card-directive .lib-card-image svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--semi-round-corners)}.lib-card-directive .lib-card-content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;gap:1rem}.lib-card-directive .lib-card-footer{padding:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-top:var(--element-default-border);-ms-flex-item-align:stretch;align-self:stretch}.lib-card-directive.clickable{cursor:pointer;-webkit-transition:ease all .3s;transition:ease all .3s}.lib-card-directive.clickable:hover,.lib-card-directive.clickable:focus{border:1px solid var(--color-60);background:var(--color-1)}.lib-card-directive.clickable:active{border:1px solid var(--color-60);background-color:var(--color-5)}.lib-card-directive.clickable.selected{border:1px solid var(--color-60);background-color:var(--color-5)}