.content-cards-container{position:fixed;height:100vh;right:0;top:0;width:440px;max-width:100%;background-color:#fff;z-index:100;box-shadow:0 0 4px #00000029;transform:translate(100%);transition:.2s ease-in-out}.content-cards-container.show{transform:translate(0)}.drawer-open:after{content:"";background:#0003;position:fixed;width:100%;height:100%;z-index:55;top:0;left:0}.content-cards-header{display:flex;padding:10px 18px;box-shadow:0 1px 4px #00000029;justify-content:space-between;align-items:center}.cch--title{font-weight:700;font-size:18px;font-family:var(--font-body-family);color:#5a5a5a;justify-content:space-between}.cch-btn{background:transparent;border-radius:2px;border:1px solid #DBDCDF;height:100%;padding:8px;cursor:pointer}.head-slot-bell{cursor:pointer;position:relative}span#badge{position:absolute;top:9px;right:5px;background:#ed0000;width:22px;height:22px;padding:0 5px;display:flex;justify-content:center;align-items:center;transform:translate(25%,-40%);border-radius:50%;font-size:11px;line-height:18px;font-weight:700;color:#fff;border:2px solid #ffffff}span#badge:empty{display:none}.content-cards-main{padding:24px;overflow:auto;height:100%;max-height:calc(100% - 65px)}.content-cards-main:has(.content-card-item-empty){display:flex;justify-content:center;align-items:center}.content-cards-wrapper{display:flex;flex-direction:column;gap:24px}.content-card-item{border-radius:4px;border:1px solid #DADCDF;overflow:hidden}.content-card-item-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.content-card-image{width:100%;aspect-ratio:1.2;object-fit:contain}.card-content-section{display:flex;flex-direction:column;padding:24px;gap:10px}.unread .card-content-section{border-bottom:6px solid #D90023}.card-image-section{position:relative}.image-star{background:#d90023;position:absolute;top:-20px;right:-20px;width:40px;height:40px;display:flex;justify-content:center;padding-bottom:3px;align-items:flex-end;transform:rotate(45deg)}.image-star svg{transform:rotate(-45deg)}.card-content-section>*{margin:unset}.content-card-heading{font-size:18px;color:#000;margin-bottom:0}.content-card-description,.content-card-link{font-size:14px;color:#000}.content-card-description a{text-decoration:underline;color:inherit}.content-card-link,.content-card-link:hover{text-decoration:underline}.rotate{animation:rotate infinite .5s linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/448/assets/content-cards.css.map */