.compilations-page{padding:0}.compilations-page .h2{margin-bottom:2rem}.compilations-page__main_img{border-radius:16px;margin:0 0 16px}.compilations-page__img{margin:0 0 16px}.compilations-page__img img{border-radius:16px}.compilations-page__content{font-size:1.1rem;padding:10px 0 0}.compilations-page__box__img{position:relative;overflow:hidden;border-radius:16px;box-shadow:0px 3px 8px rgba(0,0,0,0.18)}.compilations-page__box__title{height:8rem;width:100%;position:absolute;display:flex;align-items:center;padding:2rem 2rem 0;bottom:0;font-weight:700;font-size:22px;line-height:28px;letter-spacing:0.2px;color:#FFFFFF;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);z-index:2}.compilations-page__item{background:#000;position:relative;overflow:hidden;border-radius:8px;margin:0 0 30px;border:4px solid #fff;height:128px}.compilations-page__item img{opacity:0.5}.compilations-page__item span{display:block;position:absolute;left:50%;top:50%;font-weight:700;font-size:22px;line-height:28px;letter-spacing:0.2px;color:#F7F7FC;transform:translate(-50%, -50%);text-align:center;user-select:none}.compilations-page__grid{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 30px}.compilations-page__grid__item{flex:1 1 calc(25% - 12px)}.compilations-page__grid__item img{border-radius:8px}.compilations-page__item a{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.compilations-page__item:hover img{opacity:0.8}.compilations-page__item.active{border-color:var(--color-main)}.gallery-preview a.h6{margin-left:8px}a.compilations-page__box__tooltip{position:absolute;border:1px solid rgba(255,255,255,0.2);padding:14px 24px;border-radius:16px;background:rgba(255,255,255,0.4);color:#fff;text-decoration:none;top:60%;left:-20%;backdrop-filter:blur(3px);opacity:0;transition:all .8s ease-out;box-shadow:1px 1px 8px 2px rgba(0,0,0,0.1)}.compilations-page__placeholder{position:absolute}.compilations-page__placeholder:before{content:'';display:block;position:absolute;width:14%;height:20%;left:-10%;border-bottom:2px dashed #fff;border-left:2px dashed #fff;top:38%;transform:rotate(99deg) skewX(23deg);opacity:0;transition:opacity .5s ease-out}.compilations-page__placeholder:after{content:'';display:block;position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0px 0px 0px 10px #fff;top:33.4%;left:5%;outline:1px solid #ffffff;border:3px solid transparent;opacity:0;transition:opacity .1s ease-out}.pulse_animation{animation:pulse 4.8s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 4px #00afef}20%{box-shadow:0 0 12px #00afef}50%{box-shadow:0 0 0 #00afef}70%{box-shadow:0 0 12px #00afef}100%{box-shadow:0 0 4px #00afef}}a.compilations-page__box__tooltip span{color:#37384E;font-weight:700;transition:all .3s ease-out}a.compilations-page__box__tooltip span:first-child{font-size:1rem}.compilations-page__placeholder:hover a.compilations-page__box__tooltip{opacity:1;top:60%}.compilations-page__placeholder:hover:after{opacity:1}.compilations-page__placeholder:hover:before{opacity:1}.compilations-page__params{margin:0 0 1rem;display:flex;justify-content:space-between;align-items:center}.compilations-page__params__title{font-size:1.6rem;font-weight:700;color:var(--color-grey-900)}.compilations-page__params__min-price{font-size:1.2rem;font-weight:700;color:var(--color-grey-700)}.compilations-page__description{color:var(--color-grey-800)}.compilations-page__current-theme{margin:0 0 1rem;color:var(--color-grey-800);display:flex;gap:6px;flex-wrap:wrap}.compilations-page__box__right{display:flex;align-items:center;gap:24px}@media (max-width: 767.9px){.compilations-page__item{border-width:2px;margin:0 0 6px;height:80px}.compilations-page__item span{font-size:1.2rem;line-height:1.6rem}.compilations-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compilations-page__box__title{font-size:1.2rem;line-height:1.8rem}a.compilations-page__box__tooltip{pointer-events:none;padding:7px 12px;left:-38%}.compilations-page__placeholder:before{top:67%;width:50%;height:25%;left:-35%}.compilations-page__placeholder:hover a.compilations-page__box__tooltip{top:111%}}.rating-vote{display:flex;gap:15px}.rating-vote__line{width:1px;height:25px;background:var(--color-grey-200)}.rating-vote__item{display:flex;gap:15px}.rating-vote__icon{font-size:1.375rem;cursor:pointer}.rating-vote__num{font-size:1.25rem;line-height:1.875rem;color:var(--color-grey-500)}
