[data-product] ~ label{opacity:.3;box-shadow:none;display:flex;flex-direction:column;align-items:center;font-weight:500;font-size:.75rem;cursor:pointer;border-radius:.5rem;}[data-product] ~ label:hover{opacity:.5;}[data-product] ~ label img{width:70px;height:70px;}[data-product]:checked ~ label{opacity:1;}[data-product].coming-soon ~ label{pointer-events:none;position:relative;opacity:1;}[data-product].coming-soon ~ label > *:not(.ribbon){opacity:.3;}[data-product].coming-soon ~ label .ribbon{font-size:.7rem;}