.main-ui-add-to-favorite-component{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#faf5ff;border-radius:8px;cursor:pointer}.main-ui-add-to-favorite-component i{font-size:19px;transition:.25s;transition-timing-function:ease-out;color:#fdb022}.service-card-skeleton{width:100%}.service-card-skeleton .react-loading-skeleton{border-radius:16px}.service-card-skeleton .content-wrapper{height:212px;display:flex;flex-direction:column;gap:4px}.service-card-skeleton .content-wrapper .row-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.family-ui-service-card-images.disabled img{filter:grayscale(100%)}.family-ui-service-card-images .youtube-video{position:relative;width:100%;height:100%;cursor:pointer}.family-ui-service-card-images .youtube-video:after{content:"";width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background:#ccc}.family-ui-service-card-images .youtube-video i{font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff002d;z-index:2}.family-ui-service-card{border-radius:16px;overflow:hidden;border:1px solid #eaecf0;transition:.2s ease-in}.family-ui-service-card:hover{box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);cursor:pointer;border-color:rgba(0,0,0,0)}.family-ui-service-card .images-wrapper{background:#f6f6f6;height:200px;border-radius:8px}.family-ui-service-card .card-wrapper{background:#fff;display:flex;flex-direction:column;gap:8px;padding:16px}.family-ui-service-card .card-wrapper .available-for{display:flex;align-items:center;gap:4px;height:30px;width:100%}.family-ui-service-card .card-wrapper .available-for .ant-btn{font-size:12px}.family-ui-service-card .card-wrapper .subscription_status{display:flex;justify-content:space-between;align-items:center;width:100%;height:30px;gap:8px}.family-ui-service-card .card-wrapper .subscription_status .user-block{display:flex;align-items:center;gap:8px}.family-ui-service-card .card-wrapper .subscription_status .user-block .avatars{display:flex;align-items:center}.family-ui-service-card .card-wrapper .subscription_status .user-block .ant-avatar{box-sizing:content-box;flex-shrink:0;font-size:12px}.family-ui-service-card .card-wrapper .subscription_status .user-block .ant-avatar .ant-avatar-string{font-size:12px!important}.family-ui-service-card .card-wrapper .subscription_status .user-block .link{font-size:14px;color:var(--themeColor,#7159bd);font-weight:500;width:70%;line-height:15px}.family-ui-service-card .card-wrapper .subscription_status .user-block .user-names-block{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.family-ui-service-card .card-wrapper .subscription_status .ant-tag{gap:8px;display:flex;align-items:center}.family-ui-service-card .card-wrapper .subscription_status .ant-tag i{font-size:8px}.family-ui-service-card .card-wrapper .ant-divider-horizontal{margin:0;border-color:#eaecf0}.family-ui-service-card .card-wrapper .card-main-data{display:flex;gap:12px}.family-ui-service-card .card-wrapper .card-main-data .main-info{width:100%}.family-ui-service-card .card-wrapper .card-main-data .main-info.small{max-width:calc(100% - 84px)}.family-ui-service-card .card-wrapper .card-main-data .images-wrapper{height:72px;width:72px;border-radius:8px;flex-shrink:0}.family-ui-service-card .card-wrapper .card-main-data .images-wrapper img{width:100%;height:100%;border-radius:8px;object-fit:cover}.family-ui-service-card .card-wrapper .card-main-data .images-wrapper.disabled-image img{filter:grayscale(100%)}.family-ui-service-card .card-wrapper .card-main-data .rate .ant-rate-star:not(:last-child){margin-right:3px}.family-ui-service-card .card-wrapper .card-options-data{padding:8px 16px 16px}.family-ui-service-card-images,.family-ui-service-card-images .swiper{height:100%}.family-ui-service-card-images .swiper .swiper-slide img{object-fit:cover;width:100%;height:100%;object-position:center}.family-ui-service-card-images .swiper .swiper-pagination-bullet{background:#fff;opacity:.6}.family-ui-service-card-images .swiper .swiper-pagination-bullet-active{width:11px;height:11px;opacity:1}.family-ui-service-card-images .swiper .swiper-pagination{display:flex;justify-content:center;align-items:center}.family-ui-service-card-main-info{background:#fff;display:flex;flex-direction:column;gap:8px}.family-ui-service-card-main-info .title_wrapper{display:flex;justify-content:space-between;gap:16px}.family-ui-service-card-main-info .title_wrapper .title{color:#262626;width:100%;font-size:16px;font-weight:600;line-height:normal;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;overflow:hidden;word-break:break-word}.family-ui-service-card-main-info .title_wrapper .main-ui-add-to-favorite-component{flex-shrink:0}.family-ui-service-card-main-info.small .title_wrapper .title{font-weight:700;font-size:15px;font-style:normal;line-height:21px;height:42px}.family-ui-service-card-main-info .subtitle{font-weight:500;font-size:12px;line-height:22px;color:#8c8c8c}.family-ui-service-card-main-info .try-free{background:#59c49c;border-radius:36px;color:#fff;font-size:11px;font-style:normal;font-weight:500;line-height:20px;padding:2px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-ui-service-card-main-info .sub-title-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.family-ui-service-card-main-info .sub-title-wrapper .rate{display:flex;align-items:center;gap:4px}.family-ui-service-card-main-info .sub-title-wrapper .rate .ant-rate{color:var(--themeColor,#7159bd);font-size:13px}.family-ui-service-card-main-info .sub-title-wrapper .rate .rate-score{font-size:11px;font-style:normal;font-weight:700;line-height:20px}.family-ui-service-card-main-info .sub-title-wrapper .rate .rate-count{color:#8c8c8c;font-size:11px;font-style:normal;font-weight:400;line-height:20px}.family-ui-service-card-main-info .brand-info-wrapper{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:8px;padding:2px 10px;border-radius:16px;background:#f5f5f5;min-width:20px;overflow:hidden;box-sizing:content-box}.family-ui-service-card-main-info .brand-info-wrapper .brand-name{color:#8c8c8c;font-size:11px;font-style:normal;font-weight:500;line-height:20px;min-width:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.family-ui-service-card-main-info .brand-info-wrapper .brand-name:hover{text-decoration:underline;cursor:pointer;font-weight:600}.family-ui-service-card-details .content{display:flex;flex-direction:column}.family-ui-service-card-details .content .title{font-weight:500;font-size:11px;line-height:22px;color:rgba(0,0,0,.45);display:flex;justify-content:space-between;align-items:center}.family-ui-service-card-details .content .title.clickable{cursor:pointer}.family-ui-service-card-details .content .title i{transition:.25s;transition-timing-function:ease-out;transform:rotate(0deg)}.family-ui-service-card-details .content .title.active i{transition:.25s;transition-timing-function:ease-out;transform:rotate(180deg)}.family-ui-service-card-details .content .subtitle{color:#101828;font-weight:500;font-size:12px;line-height:22px}.family-ui-service-card-details .content .subtitle.one-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;height:22px;word-break:break-all}.family-ui-service-card-details .content .subtitle.dropdown{height:22px;overflow:hidden;position:relative}.family-ui-service-card-details .content .subtitle.dropdown:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:50%;background:#fff;background:linear-gradient(0deg,rgb(255,255,255),rgba(255,255,255,.5494572829) 50%,rgba(255,255,255,0))}.family-ui-service-card-details .content .subtitle.dropdown.active{background:rgba(0,0,0,0);height:100%}.family-ui-service-card-details .content .subtitle.dropdown.active:before{display:none}.family-ui-service-card-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.family-ui-mobile-header-with-actions .content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.family-ui-mobile-header-with-actions .icons-wrapper{display:flex;align-items:center;gap:12px}.family-ui-mobile-header-with-actions .icons-wrapper .share{color:#545553}.family-ui-mobile-header-with-actions .icons-wrapper .users-wrapper{width:-moz-fit-content;width:fit-content;padding:4px;border-radius:16px;opacity:.9;background:#faf5ff;display:flex;align-items:center}.family-ui-mobile-header-with-actions .icons-wrapper .user-names-block{padding-left:8px;padding-right:8px;display:none;color:#7159bd;font-size:10px;font-style:normal;font-weight:500;line-height:normal}.family-ui-mobile-header-with-actions .icons-wrapper .user-names-block.open{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.family-ui-mobile-header-with-actions .icons-wrapper .validPass{color:#59c49c;position:relative}.family-ui-mobile-header-with-actions .icons-wrapper .validPass img{position:absolute;padding-left:3px}.family-ui-mobile-header-with-actions .rounded{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:#faf5ff;cursor:pointer;border:1px solid #eaecf0}.family-ui-mobile-header-with-actions .qr{background:var(--themeColor,#7159bd);color:#fff}.family-ui-mobile-header-with-actions .favorite .main-ui-add-to-favorite-component{height:32px;width:32px;border-radius:99px}