:root{--heading-color: #232e46;--date-text-color: hsl(0, 0%, 51%);--previous-price-text-color: hsl(0, 98%, 44%);--current-price-text-color: hsla(0, 0%, 0%, .822);--liked-heart-icon-color: hsl(0, 98%, 44%);--heart-icon-color: whitesmoke;--pricing-font-weight: 800;--title-font-weight: 800;--date-font-weight: 550;--card-main-color: rgb(255, 255, 255);--card-1-secondary-color: #e3ecfa;--card-2-secondary-color: #f5fafd;--card-3-secondary-color: rgb(178,180,179);--card-4-secondary-color: rgb(96,109,117)}.container-card input{display:none}.container-card{max-width:100em;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-content:flex-start;margin:auto;min-height:30em;padding:3em 1em 1em;box-sizing:border-box}.card-div{width:20em;min-height:20em;display:flex;flex-direction:column;justify-items:center;align-items:center;background-color:var(--tblr-bg-surface);margin:.6em;box-sizing:border-box;border:1px solid rgba(98,105,118,.16);border-radius:5px;transition:transform .2s ease-in-out;margin-top:8rem!important}.img-div{width:100%;height:10em;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:1rem;z-index:1;border-radius:4px 4px 0 0}.img-div img{transform-origin:bottom;transform:translateY(7.5%);transition:transform .3s ease-in-out}.gow-img-div img{width:65%;transform:translateY(7.5%)}.card-1 .like-icon-div{background-color:var(--card-1-secondary-color)}.text-container{width:100%;display:flex;flex-direction:column;padding:8em 1.5em 0;box-sizing:border-box}.text-container .item-name,.text-container .date{margin:.25em 0;text-align:center}.text-container .item-name{font-size:1.2em;font-weight:var(--title-font-weight)}.text-container .date{font-size:1em;font-weight:var(--date-font-weight);color:var(--date-text-color)}.tamu-tag{width:100%;display:flex;flex-direction:row;justify-content:center;margin:.25em 0 1em}.tamu-button{width:100%;display:flex;flex-direction:row;justify-content:center;margin:1em 0}.previous-price{font-size:.8rem;font-weight:var(--pricing-font-weight);color:var(--previous-price-text-color);text-decoration:line-through;text-align:left}.current-price{color:var(--current-price-text-color);font-size:1.3rem;font-weight:var(--pricing-font-weight);margin:0}.card-div:hover .img-div img{transform:translateY(7.5%) scale(1.2)}.card-div:hover{transform:translateY(-10px);border:2px solid #007bff}.logo-bantul{border-radius:50%;width:80px;border:5px solid #4299e1;margin-bottom:10px}.text-header{color:#232e46;font-weight:var(--title-font-weight)}.ribbon-langkah{border-radius:4px 0 0 4px}