.salesNotification-img{width:100%}.salesNotification-img button img{width:100%;height:100%;object-fit:cover}.salesNotification-img button span{width:100%;height:116px}.salesNotification-img button{background:transparent;padding:0;border:1px solid #d9d9d9;overflow:hidden;width:100%}.notification_Input{position:relative}.notification_Input .textInputBox{padding:0!important}.notification_Input select{border-top-left-radius:0;border:1px solid transparent;background-color:transparent;border-bottom-left-radius:0}.notification_Input input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.notification_Input input::-webkit-outer-spin-button,.notification_Input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.salesCardflex{flex-wrap:wrap}.flex-sp{display:flex;align-items:center}.active-active{border:none;border-radius:8px;padding-inline:8px;padding-block:4px;min-width:83px;height:28px;position:relative;justify-content:center;cursor:pointer;margin-inline-start:10px}.product-badge-indicator{width:8px;height:8px;border-radius:3px;aspect-ratio:1/1;background-color:#29845a;margin-right:6px}.product-badge-inactive{width:8px;height:8px;border-radius:3px;aspect-ratio:1/1;margin-right:6px;background-color:#616161}.notification-preview-dashboard{position:relative;height:100%;width:100%;width:340px}.notification-preview-Box-dashboard{display:flex;padding-bottom:0;margin-right:2rem}.ptop16{padding-top:24px}.card-ribbon-place{right:28px!important;border-radius:20px!important}.card-ribbon{background-color:#f66;height:23px;border-radius:5px;right:10px;bottom:6px;width:58px;position:absolute}#h-fit-content{height:fit-content;position:sticky;top:24px}.notification-preview-Box{height:280px;padding-bottom:10px;overflow:visible}.notification-preview{height:110px;width:350px;overflow:visible;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center bottom;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.notification-preview.animation-waiting{transform:translateY(100%) translateZ(0);opacity:0}.notification-preview.animation-entering{animation:slideInFromBottom .5s cubic-bezier(.25,.46,.45,.94) forwards}.notification-preview.animation-visible{transform:translateY(0) translateZ(0);opacity:1}.notification-preview.animation-exiting{animation:slideOutToTop .4s cubic-bezier(.25,.46,.45,.94) forwards}.notification-preview.animation-waiting.position-top{transform:translateY(-100%) translateZ(0);opacity:0}.notification-preview.animation-entering.position-top{animation:slideInFromTop .5s cubic-bezier(.25,.46,.45,.94) forwards}.notification-preview.animation-exiting.position-top{animation:slideOutToTop .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideInFromBottom{0%{transform:translateY(100%) translateZ(0);opacity:0}20%{opacity:.3}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%) translateZ(0);opacity:0}20%{opacity:.3}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes slideOutToTop{0%{transform:translateY(0) translateZ(0);opacity:1}80%{opacity:.3}to{transform:translateY(-30%) translateZ(0);opacity:0}}@media (max-width: 768px){.notification-preview{width:320px;height:100px}@keyframes slideInFromBottom{0%{transform:translateY(120%) translateZ(0);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-120%) translateZ(0);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes slideOutToTop{0%{transform:translateY(0) translateZ(0);opacity:1}to{transform:translateY(-40%) translateZ(0);opacity:0}}}.notification-preview__content{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px}.ribbon-txt{font-size:11px;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:center;height:100%}.notification-preview__content img{width:75px;height:75px;object-fit:cover}.custom-radio-label label span~span{background-color:#c0bfbf;padding:6px 24px;border-radius:4px}.custom-radio-label-capsule label span~span{background-color:#c0bfbf;padding:6px 24px;border-radius:16px}.theme4{position:relative;overflow:visible}.theme4:before{position:absolute;content:url(../image/subpreview-4.svg);z-index:9999999999;width:80px;height:80px;top:-45px;right:50px;pointer-events:none}.theme5{position:relative}.theme5:before{position:absolute;content:url(../image/subpreview-5.svg);z-index:9999;width:100px;height:50px;top:-35px;right:50px}.theme8{position:relative}.theme8:before{position:absolute;content:url(../image/subpreview-8.svg);z-index:9999;width:80px;height:80px;top:-45px;right:50px;pointer-events:none}.theme9{position:relative}.theme9:before{position:absolute;content:url(../image/subpreview-9.svg);z-index:9999;width:120px;height:37px;top:-20px;right:50px}.theme7{position:relative}.theme7:before{position:absolute;content:url(../image/subpreview-7.svg);z-index:9999;top:-21px;right:15px}.theme10{position:relative}.theme10:before{position:absolute;content:url(../image/subpreview-10.svg);z-index:9999;top:-21px;right:15px}