ul{margin:0;white-space:normal}p{margin-bottom:0}#heart{position:relative;width:25px;height:16px;margin-top:10px}#heart:before,#heart:after{content:"";position:absolute;top:0;width:10px;height:16px;border-radius:50px 50px 0 0}#heart.full:before,#heart.full:after{background:red}#heart.empty:before,#heart.empty:after{background:#fff}#heart:before{left:10px;transform:rotate(-45deg);transform-origin:0 100%;border-left:1px solid;border-top:1px solid;border-right:1px solid}#heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%;border-right:1px solid;border-top:1px solid;border-bottom:1px solid}#canvas-under-drawer.open{width:25%;min-width:260px;max-width:335px;display:flex;flex:0 0 auto;flex-shrink:0}#canvas-under-drawer.closed{width:75px}#dicebox canvas{width:100%;height:100%}