.demo-sidebar-card{display:flex;border-radius:7.5px;position:relative;margin-top:10px;margin-bottom:10px;padding:5px;background-color:#212340;text-decoration:none;box-shadow:0 0 5px #212340}@supports(--css: variables){.demo-sidebar-card{background-color:var(--background-main)}}@supports(--css: variables){.demo-sidebar-card{box-shadow:var(--box-shadow-normal)}}.demo-sidebar-card:hover{background-color:#2E3257}@supports(--css: variables){.demo-sidebar-card:hover{background-color:var(--background-main-hover)}}.demo-sidebar-card:hover .demo-sidebar-card-index{opacity:.4}.demo-sidebar-card-index{position:absolute;background-color:#6937F5;color:#FFF;left:0;top:0;border-top-left-radius:7.5px;border-bottom-right-radius:7.5px;width:40px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:.7rem;opacity:1;transition:opacity .1s ease}@supports(--css: variables){.demo-sidebar-card-index{background-color:var(--primary-highlight)}}@supports(--css: variables){.demo-sidebar-card-index{color:var(--white-text)}}.demo-sidebar-card-thumbnail{width:30%;height:auto;border-radius:5px;display:block}.demo-sidebar-card-main{padding:10px 15px}.demo-sidebar-card-main p{font-weight:bold;margin-bottom:5px}.demo-sidebar-card-main p,.demo-sidebar-card-main small{color:#FFF}@supports(--css: variables){.demo-sidebar-card-main p,.demo-sidebar-card-main small{color:var(--primary-text)}}