.direction-ltr{direction:ltr;text-align:left}
input[type="text"].placeholder-rtl::placeholder {text-align: right;}
input[type="text"].placeholder-rtl:-moz-placeholder {text-align: right;}
input[type="text"].placeholder-rtl:-ms-input-placeholder {text-align: right;}
input[type="text"].placeholder-rtl::-webkit-input-placeholder {text-align: right;}

input[type="text"].placeholder-center::placeholder {text-align:center;}
input[type="text"].placeholder-center:-moz-placeholder {text-align: center;}
input[type="text"].placeholder-center:-ms-input-placeholder {text-align: center;}
input[type="text"].placeholder-center::-webkit-input-placeholder {text-align: center;}

.skeleton-circle{border-radius:50%}
.skeleton-line{margin-bottom:10px;border-radius:0.25rem}
.skeleton-line:last-child{margin-bottom:0}
@keyframes loading-skeleton{100%{transform:translateX(100%)}}
.skeleton-line,.skeleton-circle,.skeleton-square{background-color:#ebebeb;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1}
.skeleton-line:after,.skeleton-circle:after,.skeleton-square:after{content:" ";display:block;position:absolute;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,#ebebeb,#f5f5f5,#ebebeb);transform:translateX(-100%);animation-name:loading-skeleton;animation-direction:normal;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.skeleton-item{background-color:#fff;border:2px solid #ebebeb}
.skeleton-item-top .skeleton-square{height:195px;width:100%; opacity:0.99}
.skeleton-item-center{max-width:100%}
.skeleton-item-center,.skeleton-item-bottom{padding-left:15px}
.skeleton-item-center .skeleton-line:first-child{height:22px;width:100%;margin-bottom:0}
.skeleton-item-center .skeleton-line:nth-child(2){height:18px;width:80%;margin-bottom:10px}
.skeleton-item-bottom{max-width:100%}
.skeleton-item-bottom .skeleton-line:first-child{height:13px;width:80%;margin-bottom:2px}
.skeleton-item-bottom .skeleton-line:nth-child(2){height:13px;width:60%}
.skeleton-item-add .skeleton-square{height:49px;display:block;margin-top:7.5px}

button.favorite,a.favorite{background-color:var(--color-primary) !important;color:var(--color-white) !important;border-color:var(--color-primary) !important}
nav-pills .nav-link.favorite{color:var(--bs-nav-pills-link-active-color) !important;background-color: var(--bs-nav-pills-link-active-bg) !important}