/* Optimized combined CSS: styles-test.css + styles-v4.css. Exact duplicate rules removed: 425. Generated by ChatGPT. */ .content-creator{padding:0px 96px 0px 96px;display:flex;align-items:center;min-width:283px;justify-content:end}.content-switcher{display:flex;justify-content:start;margin:20px 0;padding:0px 96px 0px 96px;overflow-x:auto}.screenshot-content,.video-content{opacity:0;transition:opacity 0.5s ease-in-out;height:0;overflow:hidden}.screenshot-content.active,.video-content.active{opacity:1;height:auto}.container,#containerCollageMain{display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:auto;padding:11px 96px 50px 96px;min-height:900px}.container.auth_container{display:flex;align-items:center;flex-direction:column;gap:25px}.another_apps.another_apps_adv_fix{}.another_apps_button_back_apps.another_apps_adv_fix{}.contact_desktop.contact_desktop_benchmarkee div{color:#fff;padding-right:0px;font-size:16px;letter-spacing:-0.5px;display:flex;justify-content:space-between;align-items:center;flex:auto;position:relative}span.close_link_tg{border-radius:999px;position:absolute;top:-50px;right:-15px;width:24px;height:24px;background:rgba(31,31,29,0.85);padding:2px;display:flex;justify-content:center;align-items:center}span.close_link_tg img{width:14px;height:14px;box-sizing:border-box}.adv a img{max-width:840px}div#tabs .item,button.screenshot-content-switch,button.video-content-switch{padding:14px 20px 13px 20px;background-color:var(--tab-bg);border-radius:9999px;text-align:center;font-size:15px;font-weight:100;margin-right:12px;border:none;display:flex;align-items:center;-webkit-appearance:none;color:var(--tab-text-color);text-wrap:nowrap;line-height:20px}@media (max-width:630px){.content-creator{padding-bottom:24px;padding-left:20px}.container.main_page_content_benchmarkee.not_found_page_content_benchmarkee{min-height:200px}img.not_found_page_img{width:70%}#lightbox img.modal-content{height:calc(100% - 72px);padding-top:72px}.img-container img.lazyload{min-height:100%}.main_app_info.benchmark_app_info .main_info_text.benchmark_main_info_text{padding-bottom:21px}.another_apps_button_back_apps{left:20px;top:20px}.img-container .shimmer-effect{min-height:340px}.content-switcher-container{width:100%;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:500px;position:relative;overflow:hidden;padding-bottom:3px}.content-switcher::-webkit-scrollbar{display:none}.content-switcher-container::before,.content-switcher-container::after{content:"";position:absolute;top:40px;bottom:0;width:20px;pointer-events:none;height:calc(100% - 80px)}.content-switcher-container::before{left:0;background:linear-gradient( to right,rgba(255,255,255,1),rgba(255,255,255,0) )}.content-switcher-container::after{right:0;background:linear-gradient( to left,rgba(255,255,255,1),rgba(255,255,255,0) )}.contact_desktop.contact_desktop_benchmarkee.contact_mobile_benchmarkee{}button.screenshot-content-switch,button.video-content-switch{}.content-switcher{padding:0px 0px 0px 20px;margin:20px 0px 18px 0px}.benchmark_main_info{padding-bottom:0px}video#modal-video{width:238px;height:515px;outline:solid 2px rgb(53 53 53);outline-offset:0px;border-radius:10% / 5%}.tabs_nav{display:none}header{padding:0px 20px 0px 20px}.adv a img{width:100%;margin-bottom:-4px}.fixed-header{width:calc(100% - 40px)}.logo{display:none}.contact_desktop a{padding-right:0px}.search_desktop{display:none}.search_mobile{position:fixed;right:20px;bottom:20px;height:44px;cursor:pointer;display:none}.search_mobile img{border-radius:22px}.video-gallery.video-slider-container{padding:20px 0px 45.5px 20px}.tabs{justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;overflow:hidden}.tabs{}.next_app_title{font-size:48px;line-height:56px;margin-bottom:32px;margin-top:124px}.buttons-block{display:flex;align-self:end}#videoBenchmarke .owl-next{right:8px}button.prev,button.next{background:#fff;border:none;box-shadow:0px 4px 25px 0px #1d1d1f1d1d1f26;border-radius:12px;width:52px;height:32px;margin:0px 5px 0px 5px}button.prev img,button.next img{margin-top:3px}.container{max-width:100%;padding:10px;padding-top:10px}.container.main_page_content_benchmarkee{padding:10px 20px 50px 20px}.screenshot-content.active,.video-content.active{display:flex;justify-content:center}#content .block{flex:0 0 100%}#content .gallery.block,#videoBenchmarke .video-block{margin:0 10px}#content .gallery.block,#videoBenchmarke .video-block{flex:0 0 calc(50% - 20px)}#content,#videoBenchmarke{max-width:100%}.main_app_info{padding:0px 20px 32px 20px}.block.video-block .block_info{padding:0px}ul.breadcrumb{display:none}iframe{border-radius:12px;margin:auto;display:block}.block.video-block .block_info p{color:var(--text-color);padding-bottom:22px}.video-item{width:280px !important}.main_menu{}ul.nav{display:flex;max-width:100%;padding:0}.block_info{margin-bottom:20px}.search_inner{width:100%;box-shadow:none}#modalVideo{}.another_apps{display:none}.benchmark_main_info_text h1{font-size:48px;line-height:56px;padding-bottom:16px}.benchmark_main_info_text p{font-size:16px;line-height:20px}.main_info_img.benchmark_img_info{padding-bottom:16px;width:64px;height:64px}.benchmark_img_info img{width:64px;height:64px}.benchmark_app_info{padding:0px 40px 8px 40px}div#tabs{overflow:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;padding:20px;padding-right:100px}div#tags{overflow:auto}.close{opacity:1}#lightbox .prev,#lightbox .next{opacity:1;filter:drop-shadow(0.1rem 0.1rem 0.4rem rgba(0,0,0,0.25))}#lightbox .next{right:10px}#lightbox .prev{left:10px}.block_img,.video-block_img{position:relative}.video_player{top:50%}}@media (max-width:820px){body{transition:background-color 0.3s ease,backdrop-filter 0.3s ease}main{transition:background-color 0.3s ease,backdrop-filter 0.3s ease}main>*{transition:opacity 0.3s ease}main.pwa-modal-open{}body.pwa-modal-open{background-color:rgba(0,0,0,0.9)}main.pwa-modal-open>*{opacity:0}button.owl-next{right:20px}button.my-next-button{right:0px}.adv a img{max-width:600px}.content-creator{padding-bottom:24px}.content-switcher-container{flex-direction:column-reverse}}span.adv_span_title{border:1px solid #C5C5C5;border-radius:4px;margin-left:8px;font-size:13px;line-height:20px;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;border-radius:4px;border-width:1px}.adv{position:fixed;bottom:-425px;right:20px;background-color:rgb(0,0,0);box-shadow:0 4px 8px rgba(0,0,0,0.3);border-radius:8px;transition:bottom 0.5s ease;border-radius:8px;width:400px;height:300px;display:flex;justify-content:center;padding:76px 20px 20px 20px}.adv span.adv_span_title{position:absolute;top:28px;left:155px;color:#fff;font-size:12px;border:1px solid;border-radius:5px;padding:0px 5px 0px 5px}.boosty-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;padding:16px;box-sizing:border-box}.boosty-popup-overlay.active{opacity:1;visibility:visible}.boosty-popup-container{border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.15);transform:scale(0.95);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);border:1px solid var(--border-color,rgba(0,0,0,0.05));padding:0px 16px 0px 16px;background:rgba(31,31,29,0.85);backdrop-filter:blur(10px)}.dark .boosty-popup-container,[data-theme="dark"] .boosty-popup-container{background:#1c1c1e;border-color:#38383a;color:#f5f5f7}.boosty-popup-overlay.active .boosty-popup-container{transform:scale(1)}.boosty-popup-close{position:absolute;top:16px;right:16px;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,color 0.2s ease;z-index:2;padding:0;background:transparent}button.boosty-popup-close img{width:100%;height:100%}.dark .boosty-popup-close{background:#2c2c2e;color:#8e8e93}.boosty-popup-close:hover{opacity:0.7}.boosty-popup-content{padding:32px 28px}.boosty-icon{font-size:48px;line-height:1;margin-bottom:16px;text-align:center}.boosty-title{font-size:28px;font-weight:700;margin:0 0 20px 0;text-align:center;letter-spacing:-0.02em;color:var(--text-primary,#1d1d1f)}.dark .boosty-title{color:#ffffff}.boosty-message{font-size:16px;line-height:1.5;margin-bottom:28px;color:#ffffff}.dark .boosty-message{color:#d2d2d7}.boosty-message p{margin:0 0 12px 0;font-size:18px;font-weight:500;line-height:22px}.boosty-message p:last-child{margin-bottom:0}.boosty-highlight{font-size:1.2em}.boosty-important{background:var(--bg-secondary,#f5f5f7);padding:14px 18px;border-radius:16px;font-weight:500;border-left:4px solid #ff6b00;margin:16px 0 !important}.dark .boosty-important{background:#2c2c2e;border-left-color:#ff9f0a}.boosty-note{font-size:14px;opacity:0.8;font-style:italic}.boosty-actions{display:flex;flex-direction:column;gap:12px}.boosty-btn{display:block;width:100%;padding:16px 20px;border-radius:9999px;font-size:18px;text-align:center;text-decoration:none;transition:all 0.2s ease;border:none;cursor:pointer;box-sizing:border-box;font-family:inherit}.boosty-btn-primary{background:#f15a24;color:white !important;box-shadow:0 4px 12px rgba(241,90,36,0.3)}.boosty-btn-primary:hover{background:#d94e1e;transform:translateY(-2px);box-shadow:0 8px 16px rgba(241,90,36,0.4)}.boosty-btn-secondary{background:transparent;color:var(--text-secondary,#666);border:1px solid var(--border-color,#ddd);padding:12px 20px}.dark .boosty-btn-secondary{color:#a1a1a6;border-color:#38383a}.boosty-btn-secondary:hover{background:var(--bg-secondary,#f5f5f7);color:var(--text-primary,#1d1d1f)}.dark .boosty-btn-secondary:hover{background:#2c2c2e;color:#fff}@media (max-width:480px){.boosty-popup-content{padding:24px 20px}.boosty-title{font-size:24px}}.auth-page-wrap{padding:48px 0 64px;position:relative;overflow-x:hidden}.auth-page-card{position:relative;max-width:560px;margin:0 auto;padding:32px;border-radius:20px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.08);width:100%}.auth-page-card h1{margin:0 0 12px;font-size:32px;line-height:1.2;font-weight:500;text-align:center}.auth-subtitle{margin:0 0 24px;color:#666;text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px}.form-group input{height:48px;padding:0 14px;border:1px solid #d9d9d9;border-radius:9999px;font-size:16px;outline:none}.form-group input:focus{border-color:#111}.auth-checkbox{display:flex;align-items:center;gap:10px;font-size:14px}.form-group--checkbox{margin-top:16px}.auth-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;user-select:none}.auth-checkbox input{display:none}.auth-checkbox-box{width:12px;height:12px;border:2px solid #111;border-radius:0px;position:relative;transition:all 0.2s ease;flex-shrink:0;margin-top:4px}form.auth-form.login-form .auth-checkbox-box{margin-top:1px}.auth-checkbox-box::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-60%) rotate(-45deg) scale(0);transition:all 0.15s ease}.auth-checkbox input:checked + .auth-checkbox-box{background:#111;border-color:#111}.auth-checkbox input:checked + .auth-checkbox-box::after{transform:translate(-50%,-60%) rotate(-45deg) scale(1)}.auth-checkbox:hover .auth-checkbox-box{border-color:#000}.auth-checkbox-text{font-size:14px;line-height:1.5;color:#444}.auth-checkbox-text a{color:#000;text-decoration:none;border-bottom:1px solid #000;transition:opacity 0.2s ease}.auth-checkbox-text a:hover{opacity:0.6}.auth-form input::placeholder{color:#999;transition:opacity 0.2s ease}.auth-form input:focus::placeholder{opacity:0.4}body.dark-theme .auth-checkbox-box{border-color:#fff}body.dark-theme .auth-checkbox input:checked + .auth-checkbox-box{background:#fff;border-color:#fff}body.dark-theme .auth-checkbox-box::after{border-color:#000}body.dark-theme .auth-checkbox-text{color:#aaa}body.dark-theme .auth-checkbox-text a{color:#fff;border-bottom-color:#fff}.field-error:not(:empty) ~ .auth-checkbox .auth-checkbox-box{border-color:#ff3b3b}.auth-btn--secondary{background:#f1f1f1;color:#111}.auth-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.auth-links.exit-link a{color:#fff}.auth-links a{text-decoration:none;color:#111}.auth-links a:hover{text-decoration:underline}.auth-errors,.field-error{color:#d93025;font-size:14px;padding-left:15px}.auth-success-box,.auth-logged-box,.account-box{margin-top:20px}.account-row{margin-bottom:12px;font-weight:300}.header-mascot-badge__img{position:relative;z-index:2;width:40px;height:40px;object-fit:contain;display:block;animation:mascotIdle 4.2s ease-in-out infinite;transform-origin:50% 55%}.subscribe-box{margin-top:28px;display:flex;flex-direction:column}.subscribe-box p.subscribe-modal__discount{font-size:18px;margin-bottom:24px;margin-top:0px}.subscribe-box p.subscribe-modal__discount span{font-size:18px}.subscribe-toggle{display:inline-flex;gap:6px;padding:6px;border-radius:9999px;background:#f3f3f3;margin-bottom:20px;align-self:center}.subscribe-toggle__btn{height:40px;padding:0 18px;border:0;border-radius:9999px;background:transparent;color:#111;font-size:14px;cursor:pointer;transition:all .2s ease}.subscribe-toggle__btn.active{background:#111;color:#fff}.subscribe-cards{position:relative}.subscribe-card .subscribe-modal__cards-discount{top:-81px;right:74px}.subscribe-modal__discount{margin-top:10px;font-size:16px}.subscribe-card{display:none;position:relative;padding:28px;border-radius:22px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.08)}.subscribe-card.active{display:block}.subscribe-card__badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#f3f3f3;font-size:12px;font-weight:700;margin-bottom:14px}.subscribe-card__badge--accent{background:#111;color:#fff}.subscribe-card__title{font-size:28px;line-height:1.2;margin-bottom:10px}.subscribe-card__price{font-size:40px;line-height:1;margin-bottom:10px}.subscribe-card__period{font-size:16px;color:#666;margin-bottom:14px}.subscribe-card__desc{font-size:15px;line-height:1.5;color:#444;margin-bottom:22px}.subscribe-card__btn{width:100%;min-height:50px}body.dark-theme .subscribe-toggle{background:#1b1b1b}body.dark-theme .subscribe-toggle__btn{color:#fff}body.dark-theme .subscribe-toggle__btn.active{background:#fff;color:#000}body.dark-theme .subscribe-card{background:#111;box-shadow:0 10px 40px rgba(0,0,0,.28)}body.dark-theme .subscribe-card__badge{background:#1f1f1f;color:#fff}body.dark-theme .subscribe-card__badge--accent{background:#fff;color:#000}body.dark-theme .subscribe-card__period,body.dark-theme .subscribe-card__desc{color:#bdbdbd}.account_buttons{display:flex;justify-content:center;gap:10px;align-items:center}.auth-btn--danger{background:#ff4d4f;color:#fff}.account_buttons .auth-links{margin:0}.auth-btn--danger:hover{background:#e43c3f}body.dark-theme .auth-btn--danger{background:#ff5c5f}.search-paywall-wrap{position:relative;min-height:70vh}.search-paywall-content{position:relative;z-index:1}.search-paywall-content.is-locked{filter:blur(14px);pointer-events:none;user-select:none;transform:scale(1.01);opacity:0.75}.search-paywall-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(255,255,255,0.35);backdrop-filter:blur(4px)}.search-paywall-card{width:100%;max-width:620px;padding:32px;border-radius:24px;background:rgba(255,255,255,0.92);box-shadow:0 20px 60px rgba(0,0,0,0.14);border:1px solid rgba(0,0,0,0.08);text-align:left}.search-paywall-badge{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:700;margin-bottom:16px}.search-paywall-title{margin:0 0 12px;font-size:34px;line-height:1.1}.search-paywall-desc{margin:0 0 18px;color:#555;font-size:16px;line-height:1.6}.search-paywall-features{display:grid;gap:8px;margin-bottom:24px;color:#222;font-size:15px;line-height:1.5}.search-paywall-actions{display:flex;gap:12px;flex-wrap:wrap}body.dark-theme .search-paywall-overlay{background:rgba(0,0,0,0.35)}body.dark-theme .search-paywall-card{background:rgba(17,17,17,0.94);border-color:rgba(255,255,255,0.08);box-shadow:0 20px 60px rgba(0,0,0,0.35)}body.dark-theme .search-paywall-desc,body.dark-theme .search-paywall-features{color:#cfcfcf}body.dark-theme .auth-btn.auth-btn--secondary{background:#2a2a2a;color:#fff}body.dark-theme .auth-btn.auth-btn--secondary:hover{background:#363636}@media (max-width:768px){.search-paywall-content.is-locked{filter:blur(10px)}.search-paywall-card{padding:24px;border-radius:20px}.search-paywall-title{font-size:28px}.search-paywall-desc{font-size:15px}}.back_to_bench{position:relative;display:inline-block}.back_to_bench-link{position:relative;display:inline-flex;align-items:center;justify-content:center}.back_to_bench-logo{display:block}.back_to_bench-indicator{position:absolute;top:7px;right:7px;width:5px;height:5px;background:#22c55e;border-radius:50%;z-index:2}.back_to_bench-indicator::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(34,197,94,0.5);animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{transform:scale(1);opacity:0.8}70%{transform:scale(2.4);opacity:0}100%{opacity:0}}.back_to_bench-tooltip{position:absolute;top:-2px;right:-8px;transform:translateX(100%) translateY(0);background:#111;color:#fff;font-size:12px;padding:7px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.18s ease;box-shadow:0 6px 16px rgba(0,0,0,0.15)}.back_to_bench-tooltip::before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#111}.back_to_bench-link:hover .back_to_bench-tooltip{opacity:1;transform:translateX(100%) translateY(0)}.subscription-status-mini{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:default}.subscription-status-mini__label{font-size:15px;line-height:1.4;color:var(--text-color)}.subscription-status-mini__dot{position:relative;width:4px;height:4px;border-radius:50%;flex:0 0 4px;margin-top:-1px}.subscription-status-mini__dot::after{content:"";position:absolute;inset:0;border-radius:50%;animation:subscriptionPulse 1.8s infinite}.subscription-status-mini__dot.is-green{background:#22c55e}.subscription-status-mini__dot.is-green::after{background:rgba(34,197,94,0.45)}.subscription-status-mini__dot.is-orange{background:#f59e0b}.subscription-status-mini__dot.is-orange::after{background:rgba(245,158,11,0.42)}.subscription-status-mini__dot.is-red{background:#ef4444}.subscription-status-mini__dot.is-red::after{background:rgba(239,68,68,0.42)}@keyframes subscriptionPulse{0%{transform:scale(1);opacity:0.85}70%{transform:scale(2.5);opacity:0}100%{opacity:0}}.subscription-status-mini__tooltip{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);background:#111;color:#fff;font-size:12px;line-height:1.4;padding:8px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease;box-shadow:0 8px 20px rgba(0,0,0,0.16);z-index:20}.subscription-status-mini__tooltip::before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#111}.subscription-status-mini:hover .subscription-status-mini__tooltip{opacity:1;transform:translateY(-50%)}body.dark-theme .subscription-status-mini__label{color:#fff}body.dark-theme .subscription-status-mini__tooltip{background:#fff;color:#111;box-shadow:0 8px 20px rgba(0,0,0,0.28)}body.dark-theme .subscription-status-mini__tooltip::before{border-right-color:#fff}.payment-return-box{margin-top:24px;padding:24px;border-radius:22px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.08)}.payment-return-box--success{border:1px solid rgba(34,197,94,0.22);background:linear-gradient(180deg,rgba(34,197,94,0.06) 0%,#fff 100%)}.payment-return-box--pending{border:1px solid rgba(245,158,11,0.22);background:linear-gradient(180deg,rgba(245,158,11,0.06) 0%,#fff 100%)}.payment-return-box--error{border:1px solid rgba(239,68,68,0.18);background:linear-gradient(180deg,rgba(239,68,68,0.05) 0%,#fff 100%)}.payment-return-box__title{font-size:28px;line-height:1.15;margin-bottom:16px}.payment-return-box__meta{display:grid;gap:8px;margin-bottom:16px;font-size:15px;line-height:1.6;color:#222}.payment-return-box__text{font-size:15px;line-height:1.6;color:#555;margin-bottom:20px}.payment-return-box__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}body.dark-theme .payment-return-box{background:#111;box-shadow:0 10px 40px rgba(0,0,0,.28)}body.dark-theme .payment-return-box--success{border-color:rgba(34,197,94,0.28);background:linear-gradient(180deg,rgba(34,197,94,0.10) 0%,#111 100%)}body.dark-theme .payment-return-box--pending{border-color:rgba(245,158,11,0.28);background:linear-gradient(180deg,rgba(245,158,11,0.10) 0%,#111 100%)}body.dark-theme .payment-return-box--error{border-color:rgba(239,68,68,0.24);background:linear-gradient(180deg,rgba(239,68,68,0.08) 0%,#111 100%)}body.dark-theme .payment-return-box__meta,body.dark-theme .payment-return-box__title{color:#fff}body.dark-theme .payment-return-box__text{color:#bdbdbd}.subscribe-modal-card--accent a.auth-btn.auth-btn--secondary.subscribe-modal-card__btn-secondary{color:#111;background:#fff}p.discleimer a{color:#111}@media (max-width:768px){.subscribe-modal__dialog{width:calc(100% - 20px);margin:20px auto;padding:22px;border-radius:22px;height:100%;overflow:auto}p.discleimer{font-size:14px;margin-bottom:24px}.subscribe-modal__top{padding-right:0px}.subscribe-modal__title{font-size:28px;line-height:1.08}.subscribe-modal__desc{font-size:15px;line-height:1.55}.subscribe-modal__cards{grid-template-columns:1fr}.subscribe-modal-card{padding:20px;border-radius:20px}.subscribe-modal-card__name{font-size:24px}.subscribe-modal-card__price{font-size:36px}}@media (max-width:630px){.main_menu.main_menu_benchmarkee{justify-content:center}.auth-page-card{width:auto}.account_buttons{margin-top:24px}.header-auth{margin-left:0px;gap:0;flex-wrap:wrap;justify-content:center}ul.policy-ul{flex-direction:column;text-align:center}}@font-face{font-family:"PragmaticaWebMedium";src:url("../fonts/pragmatica_medium.woff2") format("woff2"),url("../fonts/pragmatica_medium.woff") format("woff");font-weight:normal;font-style:normal}:root{--background-color:#ffffff;--text-color:#1d1d1f;--tab-text-color:#1d1d1f;--tab-text-color--active:#ffffff;--tab-bg:#e8e8ed;;--tab-bg--active:#1d1d1f;--menu-text-color:#8d8d8d;--menu-text-color-active:#202020}button,a,input[type="button"],input[type="submit"]{-webkit-tap-highlight-color:transparent}div#pwa-loader{position:absolute;z-index:9999;width:100%;height:100%;background-color:#fff;top:0px;left:0px;display:flex;justify-content:center;align-items:center}img#loader-image{max-width:50%;overflow:hidden}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loader-image{animation:spin 2s linear infinite}body.pwa-loading{opacity:0;transition:opacity 1.5s ease-in-out}body.pwa-loading.visible{opacity:1}body{background-color:var(--background-color);display:flex;color:var(--text-color);flex-direction:column;min-height:100vh;margin:0;font-family:"PragmaticaWebMedium";font-size:15px;overflow-y:scroll;letter-spacing:-0.02em;opacity:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content-creator.hide-author{display:none}.benchmark_main_info{transition:all 0.3s ease}.benchmark_main_info.active{transform:scale(1.1)}.img-container img{transition:opacity 2s !important;opacity:0;background-color:rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center}.img-container .shimmer-effect{position:relative;background-color:rgba(0,0,0,0.1);align-items:center;justify-content:center;border-radius:10% / 5%;border:none;min-height:550px}.block_img.shimmer-effect a{text-decoration:none}.img-container .shimmer-effect img{}.img-container .shimmer-effect.lazyloaded{min-height:auto!important}.img-container .shimmer-effect::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.1) 100% );transform:translateX(-100%);animation:shimmer 1.5s infinite}.img-container img{transition:opacity 2s !important;opacity:0}.block_img img{transition:opacity 2s !important;opacity:0}.img-container img.lazyloaded{opacity:1}.block_img img.lazyloaded{opacity:1;min-height:inherit}.shimmer-effect.lazyloaded::before{display:none}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.name_link_tg{display:flex;justify-content:start !important;gap:10px}body.dark-theme{--background-color:rgba(0,0,0,0.95);--text-color:#ffffff;--tab-text-color:#ffffff;--tab-text-color--active:#1d1d1f;--tab-bg:#1d1d1f;--tab-bg--active:#dedede;--menu-text-color:#8d8d8d;--menu-text-color-active:#8d8d8d}body.dark-theme .content-switcher-container::before{background:linear-gradient(to right,rgba(0,0,0,0.95),rgba(0,0,0,0))}body.dark-theme .content-switcher-container::after{background:linear-gradient(to left,rgba(0,0,0,0.95),rgba(0,0,0,0))}body.dark-theme .tabs-container::before{background:linear-gradient(to right,rgba(0,0,0,0.95),rgba(0,0,0,0))}body.dark-theme .tabs-container::after{background:linear-gradient(to left,rgba(0,0,0,0.95),rgba(0,0,0,0))}body img.dark-logo{display:none}body.dark-theme img.light-logo{display:none}body.dark-theme img.dark-logo{display:block}body.fade-in{opacity:1}.smooth-corners{}.theme-switcher{position:fixed;bottom:10px;right:10px;display:flex;align-items:center}#theme-toggle{appearance:none;-webkit-appearance:none;width:80px;height:40px;background-color:#ccc;border-radius:40px;position:relative;outline:none;cursor:pointer;transition:background-color 0.3s}#theme-toggle::before{content:"";position:absolute;top:4px;left:4px;width:32px;height:32px;background-color:white;border-radius:50%;transition:transform 0.3s;display:flex;align-items:center;justify-content:center;font-size:24px}#theme-toggle:checked{background-color:#4cd964}#theme-toggle:checked::before{transform:translateX(40px)}#theme-toggle:focus{box-shadow:0 0 4px 4px rgba(0,0,0,0.2)}label{margin-right:10px;font-size:16px}body.light-theme #theme-toggle::before{content:"☀️"}body.dark-theme #theme-toggle::before{content:"🌙"}::-webkit-scrollbar{width:8px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-corner{background:#f1f1f1}.video-hidden{display:none !important}.modal-video{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000}.modal-video-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}video#modal-video{max-height:100vh;max-width:100vw;width:auto;height:auto}.video-fade-out{opacity:0;transition:opacity 1.5s ease-out}.video-fade-in{opacity:1;transition:opacity 1.5s ease-in}.video-controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);border-radius:5px;padding:5px}.video-controls button{background:none;border:none;color:white;font-size:16px;margin:0 5px;cursor:pointer}.video-controls button:hover{color:#ff0}.modal-video video{opacity:0;transition:opacity 0.5s ease-in-out}.modal-video video.loaded{opacity:1}a#next-video,a#prev-video{position:absolute;width:48px;height:48px;opacity:0.4;background-color:transparent;transition:0.3s}a#next-video:hover,a#prev-video:hover{cursor:pointer;opacity:1}a#next-video{right:24px;background-image:url(../img/chevron-right-new.svg)}a#prev-video{left:24px;background-image:url(../img/chevron-left-new.svg)}button{font-family:"PragmaticaWebMedium"}.content-switcher-container{display:flex;justify-content:space-between}.content-creator{padding:0px 96px 0px 0px;display:flex;align-items:center;min-width:283px;justify-content:end}.img_creator{padding-right:12px;max-width:38px;height:38px}.img_creator img{max-width:100%;border-radius:100%}.info_creator{padding-right:24px}.link_creator a{display:grid}p.info_author_text{line:height:20px}p.info_creator_text{color:#68686E;font-size:13px;line-height:18px}.content-switcher{display:flex;justify-content:start;margin:20px 0;padding:0px 96px 0px 96px;overflow-x:hidden}.content-switcher .tab{padding:10px 20px;margin:0 10px;cursor:pointer;background-color:#f0f0f0;border:none;border-radius:5px;transition:background-color 0.3s}.content-switcher .tab.active{background-color:#007bff;color:white}.screenshot-content{display:none;justify-content:center}.screenshot-content.active{display:block}.tags_nav{display:none}.blocked{overflow:hidden !important}.fixed-main{padding-top:121px}iframe{border-radius:12px}header{text-align:center;padding:0px 96px 0px 96px;display:flex;justify-content:space-between;border-bottom:1px solid #eaeaea}header#header_benchmarkee{border-bottom:none}.fixed-header{position:fixed;top:0;left:0;background-color:#fff;z-index:9999;width:calc(100% - 192px)}.fix-z-index{z-index:9 !important}.adv{display:flex;justify-content:center}.logo,.logo_mobile{height:26px}.main_menu{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 0px 24px 0px}.main_menu.main_menu_benchmarkee{justify-content:end}ul.nav{display:flex;padding:0}ul.nav li{list-style:none}ul.nav li a.nav-link{margin:10px;color:var(--menu-text-color);text-wrap:nowrap;text-decoration:none}ul.nav li.current a.nav-link{margin:10px;color:var(--menu-text-active);border-bottom:1px solid var(--menu-text-color-active);padding-bottom:10px}main{flex:1;padding-top:52px}p.child_title{font-size:18px;font-weight:500;line-height:22px;color:var(--text-color)}p.parent_title{font-size:15px;color:#8d8d8d;line-height:18px}.container.main_page_content_benchmarkee{padding:31px 96px 50px 96px}.container,#containerCollageMain{display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:auto;padding:11px 96px 50px 96px;min-height:900px;overflow-x:hidden}.video-slider-container{display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:auto;padding-left:96px;overflow-x:hidden}.container.video_container{max-width:1104px}.tabs-container{position:relative;overflow:hidden;width:100%;max-width:100%}.tabs-container::before,.tabs-container::after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.tabs-container::before{left:0;background:linear-gradient( to right,rgba(255,255,255,1),rgba(255,255,255,0) )}.tabs-container::after{right:0;background:linear-gradient( to left,rgba(255,255,255,1),rgba(255,255,255,0) )}div#tabs::after{content:"";flex:0 0 200px;pointer-events:none}div#tabs{display:flex;width:100%;justify-content:start;align-items:center;padding-bottom:31px;position:relative;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;padding:0px 96px 0px 96px}div#tabs::-webkit-scrollbar{display:none}.tabs{display:flex;width:100%;justify-content:center;align-items:center;padding-bottom:31px}.tab{padding:16px;color:#8d8d8d}.tab:hover{cursor:pointer}.tab.active{color:var(--text-color);background-color:#eaeaea;border-radius:12px;padding:12.5px 16px 12.5px 16px;font-size:15px}button.owl-next.disabled{display:none !important}#content,.containerCollage{display:flex;flex-wrap:wrap;margin:0 -16.5px;position:relative;min-height:500px}#videoBenchmarke{display:flex;flex-wrap:wrap;margin:0 -16.5px;position:relative;min-height:500px}#contentSlider{display:flex;flex-wrap:wrap;position:relative}#content .block,#videoBenchmarke .video-block,.containerCollage .collage-gallery.block,.containerCollage .collage-video-gallery.video-block{flex:0 0 355px;margin:0 16.5px;box-sizing:border-box;min-height:252px;padding-bottom:30px}.video-gallery.video-block{position:relative}.video-gallery-container.video-block_img:hover{cursor:pointer}#content .gallery.block,.containerCollage .collage-gallery.block,.containerCollage .collage-video-gallery.video-block{padding-bottom:16.5px !important}#videoBenchmarke .gallery.block{padding-bottom:16.5px !important}.block{opacity:0;animation:fadeIn 1s ease-in-out forwards}.tabs{opacity:0;animation:fadeIn 1s ease-in-out forwards}.video-gallery.video-slider-container{opacity:0;animation:fadeIn 1s ease-in-out forwards;position:relative;z-index:99;padding-top:18px;padding-left:96px;padding-right:96px}.another_apps{opacity:0;animation:fadeIn 1s ease-in-out forwards}.another_apps.another_apps_adv_fix{top:345px}.another_apps_button_back_apps.another_apps_adv_fix{top:274px}.block_img,.video-block_img{padding-top:16.5px;border-radius:8px}img.collage_img{border-radius:10% / 5%!important}img.collage_img,.screenshot-content .block_img img,.video-content .video-block_img img{background:rgba(0,0,0,0.1);display:block;transition:filter 0.3s ease;box-sizing:border-box;outline:solid 2px rgba(0,0,0,0.1);border-radius:10% / 5%;outline-offset:-2px}.screenshot-content .block_img img.darkened{filter:brightness(0.9);transition:filter 1s}.video-content .video-block_img img.darkened{filter:brightness(0.5)}.video-gallery-container.video-block_img.smooth-corners{filter:brightness(0.9)}.block_img img,.video-block_img img{margin-bottom:-4px;width:100%;border-radius:12px;background:rgba(0,0,0,0.1)}.block_img img:hover{cursor:pointer}.block_info_img img{max-width:48px;border-radius:12px}.block_img.screenshot_img{background:transparent}.block_info{display:flex;justify-content:flex-start;margin-top:18px}.block_info_img{margin-right:16px}.block_info_text{text-align:left;display:flex;align-items:center}.block_info_text p{margin:0}.block.video-block .block_info-video{justify-content:center;margin-top:20px;padding:10px 10px 25px 10px}.block.video-block .block_info p{color:var(--text-color)}.benchmark-video-item{position:relative}.video_player{position:absolute;right:0;padding:16px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;display:flex;justify-content:center}.video_player img{border:none !important;background:transparent !important;height:80px;width:80px;outline:none !important}.video_player img.darkened{filter:brightness(1) !important}.video-item img{border-radius:12px}.benchmark-video-item img{border-radius:12px}.benchmark-video-item img:hover{cursor:pointer}p.video_title{text-align:center;font-size:15px;font-weight:500;color:rgba(29,29,31,1)}p.video_title_bottom{color:#555555;font-size:16px}.main_app_info{display:flex;padding:0px 96px 54px 96px}.main_info{display:flex;padding-top:22px;padding-bottom:22px;flex-direction:column}.main_info_img{padding-bottom:16px}.main_info_img img{width:64px;border-radius:16px;color:#202020;border:1px solid #0e0e0e3d}.main_info_text h1{font-size:24px;line-height:32px;padding-bottom:4px;text-align:left}.main_info_text p{font-size:15px}.main_info_text h1,p{margin:0}footer{padding:20px;text-align:center}footer p{color:#8d8d8d;font-size:13px}#lightbox,#collageModal{display:none;position:fixed;z-index:1;width:100%;height:100%;overflow:auto;z-index:9999;background-color:rgba(0,0,0,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-inner{display:flex;margin:auto;width:100%;border-radius:10px;height:100%}div#modal-left-sidebar{width:240px}.modal-img{flex-grow:1;height:100%;position:relative}#lightbox img.modal-content{height:100%;display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;margin:auto}.close{position:absolute;top:24px;right:24px;transition:0.3s;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0.4;filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.1))}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer;opacity:1}.close img{display:block;width:48px;height:48px}#lightbox .next{right:24px;background-image:url(../img/chevron-right-new.svg)}#lightbox .prev{left:24px;background-image:url(../img/chevron-left-new.svg)}#lightbox .prev,#lightbox .next{cursor:pointer;position:absolute;top:50%;transition:0.2s ease;user-select:none;width:48px;height:48px;transform:translate(0%,-50%);opacity:0.4;filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.1))}#lightbox .prev.active,#lightbox .next.active{opacity:1}#lightbox .prev:hover,#lightbox .next:hover{opacity:1}.contact_desktop a{text-decoration:none;color:#8d8d8d;font-weight:500;font-size:15px}.contact_desktop.contact_desktop_benchmarkee div{color:#fff;padding-right:0px;font-size:16px;letter-spacing:-0.5px;display:flex;justify-content:space-between;align-items:center;flex:auto}.contact_desktop.contact_desktop_benchmarkee div{cursor:pointer}.contact_desktop.contact_desktop_benchmarkee div a{padding:10px 16px 10px 16px;background-color:rgba(255,255,255,0.2);border-radius:9999px;color:#fff}.contact_desktop.contact_desktop_benchmarkee div a.hover{background-color:rgba(255,255,255,1);color:rgba(31,31,29,1)}.contact_desktop.contact_desktop_benchmarkee div img{padding:0px 0px 0px 0px}.contact_desktop{display:flex;justify-content:space-around;align-items:center}.contact_desktop.contact_desktop_benchmarkee{padding:0px 16px 0px 16px;border-radius:9999px;background:rgba(31,31,29,0.85);height:72px;width:480px;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10;backdrop-filter:blur(10px)}.search_mobile{display:none}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#site-search-results{position:absolute;z-index:9999;background:#fff;border-radius:10px;animation:fadeIn 0.5s;width:100%}.simplesearch-results-list{display:flex;flex-direction:column}.simplesearch-result img{max-width:44px;border-radius:10px;height:44px}.simplesearch-result{align-items:center;width:100%;display:flex;height:76px;width:100%;padding-left:42px}.simplesearch-result:hover{background-color:#f0f0f0;cursor:pointer}.simplesearch-result h3{margin:0;line-height:18px;margin-bottom:4px;font-size:15px}.simplesearch-result_text span{color:#8d8d8d;font-weight:400}.simplesearch-result a{text-decoration:none;color:#202020}.search_desktop{border-radius:8px;padding:8px 16px 8px 16px;color:#fff;cursor:pointer;background-color:#f0f0f0;height:24px}.search_inner{position:fixed;right:-100%;top:0;width:360px;height:100vh;background:#fff;transition:right 0.5s ease;overflow:auto;z-index:999;border-radius:16px;box-shadow:-10px 0px 60px 0px #1d1d1f1d1d1f1A}.search_inner.open{right:0}form#search{margin-top:90px}fieldset.myfieldset-searh{border:none}input.search-pol{border:none;border-bottom:2px solid #8d8d8d;width:80%;padding-bottom:10px;font-size:18px;outline:none}input.search-pol:hover{border-bottom:2px solid #202020}input.search-pol:focus{border-bottom:2px solid #202020}.simplesearch-result_text{text-align:left;padding-left:10px;height:44px}.adv{position:fixed;bottom:-425px;right:20px;background-color:rgb(0,0,0);box-shadow:0 4px 8px rgba(0,0,0,0.3);border-radius:8px;transition:bottom 0.5s ease;border-radius:8px;width:400px;height:300px;display:flex;justify-content:center;padding:76px 20px 20px 20px;display:none}.adv span.adv_span_title{position:absolute;top:28px;left:140px;color:#fff;font-size:12px;border:1px solid;border-radius:5px;padding:0px 5px 0px 5px}.close-btn{position:absolute;right:20px;color:white;border:none;font-size:14px;text-align:center;cursor:pointer;background:none;font-size:24px;top:31px;padding:0;text-align:center;box-sizing:border-box;display:block;display:flex;align-items:center;height:14.41px}.close-btn:hover{}.adv a{display:flex;justify-content:center;align-items:center;width:100%;height:300px}.adv img.adv-brand-img{width:36px;position:absolute;left:0;border-radius:100%;left:18px;top:20px}.adv a img{max-width:100%;border-radius:12px}.adv .adv_brand_name{position:absolute;left:68px;top:28px;color:#fff}a.sibebar_app_item_link.button_back{opacity:100%;width:42px;height:42px;background-color:#fff;display:flex;justify-content:center;border-radius:9999px;align-items:center;transition:0.2s ease;background:rgba(232,232,237,1)}a.sibebar_app_item_link.button_back:hover{background:#d3d3db}a.sibebar_app_item_link.button_back img.sibebar_app_item_img{width:32px;height:32px;align-items:center}.another_apps_content::-webkit-scrollbar{width:0px}.another_apps_content{scrollbar-width:none}.tabs_nav,.tags_nav{position:relative}#modalBenchmarkVideo{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999}#modalBenchmarkVideo .modal-header{position:absolute;z-index:9999;color:#fff;bottom:0px;background:grey;padding:20px;border-radius:12px}iframe#modal-iframe{width:100%;height:500px}video-player{display:flex;flex-direction:column;align-items:center;background-color:var(--text-color);color:#fff;padding:20px}.controls{display:flex;align-items:center;margin-top:10px}button{padding:5px 10px}#progress-bar{flex-grow:1;margin-right:5px}.another_apps_button_back_apps{position:fixed;z-index:99;overflow:hidden;left:24px;top:24px;display:flex;flex-direction:column;justify-content:start;align-items:center}.another_apps{position:fixed;z-index:999;top:95px;left:20px;display:flex;flex-direction:column;justify-content:start;align-items:center}.another_apps_content_parent{position:relative;overflow:hidden}.another_apps_content{display:flex;flex-direction:column;justify-content:start;align-items:center;position:relative;overflow:auto;scroll-behavior:smooth;height:calc(100vh - 80px)}.sibebar_app_item{}.sibebar_app_item.first{z-index:999}.sibebar_app_item.last{z-index:999}a.sibebar_app_item_link{border-radius:50%;width:54px;height:54px;display:flex;opacity:50%;align-items:center;justify-content:center;margin-bottom:24px;transition:opacity 1s ease-out;border:3px solid rgba(0,113,227,0.0)}.another_apps a.sibebar_app_item_link:hover{opacity:100%;border:3px solid rgba(0,113,227,0.5)}a.sibebar_app_item_link.current{opacity:100%;border:3px solid #0071e3;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}img.sibebar_app_item_img{width:48px;height:48px;border-radius:50%}.benchmark_app_info{display:flex;padding:0px 96px 96px 96px;justify-content:center;overflow-x:auto}.benchmark_main_info{display:flex;padding-top:22px;padding-bottom:22px;flex-direction:column;align-items:center;text-align:center}.main_info_img.benchmark_img_info{padding-bottom:20px;width:80px;height:80px}.benchmark_img_info img{width:80px;height:80px;border-radius:50%;border:none}.benchmark_main_info_text h1{letter-spacing:-0.05em;text-align:center;font-weight:500;font-size:64px;line-height:64px;padding-bottom:20px}.benchmark_main_info_text p{font-size:20px;color:var(--text-color);line-height:24px}.modal-video-title-block{opacity:0;transition:opacity 0.2s ease-in-out}.modal-video-title-block.visible{opacity:1}.modal-video-content.benchmark-modal{width:min-content}.modal-header{position:absolute;z-index:9999;color:#fff}.modal-video-title-block{position:absolute;top:24px;z-index:9999;background:rgba(29,29,31,0.5);border-radius:9999px;color:#fff;display:flex;text-align:center;justify-content:center;align-self:stretch;align-items:center;font-size:15px;line-height:20px;padding-left:12px;padding-top:6px;padding-bottom:4px;padding-right:12px}.modal-img-counter,.modal-video-counter{position:absolute;z-index:9999;bottom:24px;z-index:9999;text-align:center;width:100%;display:flex;justify-content:center}span#image-counter,span#video-counter{background:rgba(29,29,31,0.5);border-radius:9999px;color:#fff;font-size:13px;display:flex;justify-content:center;align-items:center;font-size:15px;line-height:20px;padding-left:12px;padding-top:6px;padding-bottom:4px;padding-right:12px}div#tags,div#tagList{display:flex;justify-content:start;width:calc(240px - 24px);align-items:start;overflow-y:auto;flex-direction:column;height:calc(100vh - 24px);padding:12px;overflow-x:hidden;scrollbar-width:none}div#tags::-webkit-scrollbar{width:0;height:0}.title-tags.title-text-tags{font-size:11px;font-weight:500;line-height:14px;letter-spacing:0.1em;text-align:left;color:rgba(255,255,255,0.5)}.title-tags{background-color:rgba(255,255,255,0);color:#fff;width:calc(100% - 24px);height:20px;display:flex;margin-bottom:4px;border-radius:8px;text-align:center;font-size:16px;font-weight:100;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px;text-transform:uppercase}div#tags .item,#collageModal .tag-list .tag.item{background-color:rgba(255,255,255,0);color:rgba(255,255,255,0.5);width:calc(100% - 24px);height:20px;display:flex;margin-bottom:4px;border-radius:8px;text-align:center;font-size:15px;font-weight:100;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px;letter-spacing:-0.3px}div#tags .item:hover,#collageModal .tag-list span:hover{color:#fff;cursor:pointer;background-color:rgba(255,255,255,0.05);transition:0.1s ease}div#tags .item.active,#collageModal .tag-list .tag.item.active{color:#fff;cursor:pointer;background-color:rgba(255,255,255,0.1);transition:0.1s ease}img.check-tag{opacity:0;transition:0.1s ease}div#tags .item.active img.check-tag{opacity:0}.tag.item.overflow{mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}.name-tag{white-space:nowrap}.tab.item.rand_tab{padding:10px 20px 9px 20px!important}div#tabs .item,button.screenshot-content-switch,button.video-content-switch{padding:14px 20px 13px 20px;background-color:var(--tab-bg);border-radius:9999px;text-align:center;font-size:15px;font-weight:100;margin-right:12px;border:none;display:flex;align-items:center;-webkit-appearance:none;color:var(--tab-text-color);text-wrap:nowrap;line-height:20px;letter-spacing:-0.02em}img.screenshot-icon,img.video-icon{padding-right:8px}div#tabs .tab.item.active,button.screenshot-content-switch.active,button.video-content-switch.active{background:var(--tab-bg--active) !important;color:var(--tab-text-color--active) !important;cursor:pointer}div#tabs .item:hover,button.screenshot-content-switch:hover,button.video-content-switch:hover{color:rgba(29,29,31,1);cursor:pointer;background:#d3d3db}.owl-tags{}.owl-carousel button.my-next-button,.owl-carousel button.my-prev-button{top:25% !important}.content_benchmarkee .block_info_img img{border-radius:100%}.content_benchmarkee p.parent_title{display:none}.sibebar_app_item_link.button_back{opacity:100%}.next_app_title{font-size:64px;font-weight:500;line-height:72px;letter-spacing:-0.03em;text-align:center;margin-bottom:80px;margin-top:124px}.next_apps .block_info_img img{border-radius:999px}.arrow.left-arrow,.arrow.right-arrow{display:none}.tabs_nav .arrow.left-arrow,.tabs_nav .arrow.right-arrow{top:-2px}.arrow.left-arrow,.arrow.right-arrow{position:absolute;top:15px;z-index:99;width:48px;height:48px;background-color:#fff;background-repeat:no-repeat;background-position:center;border-radius:50%;color:#1d1d1f;box-shadow:0px 4px 8px 0px #1d1d1f1d1d1f33;border:3px solid}.arrow.left-arrow{left:0px;background-image:url(../img/right-nav.svg)}.arrow.right-arrow{right:0;background-image:url(../img/left-nav.svg)}.contact_desktop.contact_desktop_benchmarkee.contact_mobile_benchmarkee{display:none}.main_app_info.benchmark_app_info.not_found_page_info{padding:0}.container.main_page_content_benchmarkee.not_found_page_content_benchmarkee{flex-direction:row;justify-content:center;min-height:500px;padding:0}img.not_found_page_img{position:fixed;bottom:20px}@media (max-width:321px){#content .block,#videoBenchmarke .video-block{flex:0 0 100%;margin:0}}@media (max-width:630px){.content-switcher-container{align-items:center}.content-switcher{overflow:visible}.content-creator{padding:0;justify-content:center}.container.main_page_content_benchmarkee.not_found_page_content_benchmarkee{min-height:200px}img.not_found_page_img{width:70%}#lightbox img.modal-content{height:calc(100% - 72px);padding-top:72px}.img-container img.lazyload{min-height:100%}.main_app_info.benchmark_app_info .main_info_text.benchmark_main_info_text{padding-bottom:21px}.another_apps_button_back_apps{left:20px;top:20px}.img-container .shimmer-effect{min-height:340px}.content-switcher-container{width:100%;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:500px;position:relative;overflow:scroll;padding-bottom:3px}.content-switcher::-webkit-scrollbar{display:none}.contact_desktop.contact_desktop_benchmarkee.contact_mobile_benchmarkee{}button.screenshot-content-switch,button.video-content-switch{}.content-switcher{padding:0px 0px 0px 20px;margin:20px 0px 18px 0px}.benchmark_main_info{padding-bottom:0px}video#modal-video{width:238px;height:515px;outline:solid 2px rgb(53 53 53);outline-offset:0px;border-radius:10% / 5%}.tabs_nav{display:none}header{padding:0px 20px 0px 20px}.adv a img{width:100%;margin-bottom:-4px}.fixed-header{width:calc(100% - 40px)}.logo{display:none}.contact_desktop a{padding-right:0px}.search_desktop{display:none}.search_mobile{position:fixed;right:20px;bottom:20px;height:44px;cursor:pointer;display:none}.search_mobile img{border-radius:22px}.video-gallery.video-slider-container{padding:20px 0px 45.5px 20px}.tabs{justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;overflow:hidden}.tabs{}.next_app_title{font-size:48px;line-height:56px;margin-bottom:32px;margin-top:124px}.buttons-block{display:flex;align-self:end}#videoBenchmarke .owl-next{right:8px}button.prev,button.next{background:#fff;border:none;box-shadow:0px 4px 25px 0px #1d1d1f1d1d1f26;border-radius:12px;width:52px;height:32px;margin:0px 5px 0px 5px}button.prev img,button.next img{margin-top:3px}.container{max-width:100%;padding:10px;padding-top:10px}.container.main_page_content_benchmarkee{padding:10px 20px 50px 20px}.screenshot-content.active,.video-content.active{display:flex;justify-content:center}#content .block{flex:0 0 100%}#content .gallery.block,#videoBenchmarke .video-block{margin:0 10px}#content .gallery.block,#videoBenchmarke .video-block{flex:0 0 calc(50% - 20px)}#content,#videoBenchmarke{max-width:100%}.main_app_info{padding:0px 20px 32px 20px}.block.video-block .block_info{padding:0px}ul.breadcrumb{display:none}iframe{border-radius:12px;margin:auto;display:block}.block.video-block .block_info p{color:var(--text-color);padding-bottom:22px}.video-item{width:280px !important}.main_menu{}ul.nav{display:flex;max-width:100%;padding:0}.block_info{margin-bottom:20px}.search_inner{width:100%;box-shadow:none}#modalVideo{}.another_apps{display:none}.benchmark_main_info_text h1{font-size:48px;line-height:56px;padding-bottom:16px}.benchmark_main_info_text p{font-size:16px;line-height:20px}.main_info_img.benchmark_img_info{padding-bottom:16px;width:64px;height:64px}.benchmark_img_info img{width:64px;height:64px}.benchmark_app_info{padding:0px 40px 8px 40px}div#tabs{overflow:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;padding:20px;padding-right:100px}div#tags{overflow:auto}.close{opacity:1}#lightbox .prev,#lightbox .next{opacity:1;filter:drop-shadow(0.1rem 0.1rem 0.4rem rgba(0,0,0,0.25))}#lightbox .next{right:10px}#lightbox .prev{left:10px}.block_img,.video-block_img{position:relative}.video_player{top:50%}}@media (max-width:820px){body{transition:background-color 0.3s ease,backdrop-filter 0.3s ease}main{transition:background-color 0.3s ease,backdrop-filter 0.3s ease}main>*{transition:opacity 0.3s ease}main.pwa-modal-open{}body.pwa-modal-open{background-color:rgba(0,0,0,0.9)}main.pwa-modal-open>*{opacity:0}button.owl-next{right:20px}button.my-next-button{right:0px}.adv a img{max-width:600px}.content-creator{}.content-switcher-container{}}@media (max-width:960px){div#tags .item{}.contact_desktop.contact_desktop_benchmarkee a{padding-right:0px}.contact_desktop.contact_desktop_benchmarkee a img{padding:0px;width:16px;height:16px;display:block}div#tags .item:hover{background-color:rgba(255,255,255,0) !important}div#tabs .item:hover,button.screenshot-content-switch:hover,button.video-content-switch:hover{background:#e8e8ed;color:#1d1d1f}.contact_desktop.contact_desktop_benchmarkee{display:none}.contact_desktop.contact_desktop_benchmarkee.contact_mobile_benchmarkee{display:flex;width:320px;text-align:left;bottom:85px}.contact_desktop.contact_desktop_benchmarkee div a{padding:0;background-color:transparent}#lightbox{overflow:hidden}.modal-inner{flex-direction:column-reverse}div#modal-left-sidebar{width:100%}div#tags{width:100%;overflow:auto;flex-direction:row;height:auto}div#tags{width:100%;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}div#tags::-webkit-scrollbar{display:none}.title-tags{display:none}div#tags .item.active{background-color:rgba(255,255,255,0)}div#tags .item{font-size:20px}.modal-img-counter,.modal-video-counter{font-size:20px}.modal-img-counter{top:85px;height:32px}.modal-video-counter{bottom:24px}}@media (min-width:631px){.logo_mobile{display:none}button.prev,button.next{display:none}}@media (min-width:631px) and (max-width:960px){#content .block.main_page_block{flex:0 0 calc(50% - 33px)}#content .block,#videoBenchmarke .video-block{flex:0 0 calc(33.33% - 33px)}.container.video_container{max-width:730px}.search_inner{width:50%}div#tabs,div#tags{}}@media (min-width:961px) and (max-width:1194px){.container.video_container{max-width:730px}}@media (min-width:961px) and (max-width:1599px){#content .block.main_page_block{flex:0 0 calc(33.33% - 33px)}#content .block,#videoBenchmarke .video-block{flex:0 0 calc(25% - 33px)}}@media (min-width:1600px) and (max-width:1980px){#content .block.main_page_block{flex:0 0 calc(25% - 33px)}#content .block,#videoBenchmarke .video-block{flex:0 0 calc(20% - 33px)}}@media (min-width:1981px){#content .block.main_page_block{flex:0 0 calc(20% - 33px)}#content .block,#videoBenchmarke .video-block{flex:0 0 calc(16.66% - 33px)}}.form{display:flex;flex-direction:column;width:100%;max-width:400px;padding:20px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:12px;margin:auto}.mb-3{display:flex;flex-direction:column;margin-bottom:15px}.form-label{margin-bottom:5px;font-weight:bold}.form-control{padding:10px;border:2px solid #000;border-radius:12px;background-color:#fff}.is-invalid{border-color:red}.invalid-feedback{color:red;font-size:0.875em;margin-top:5px}.btn{display:inline-block;width:150px;height:50px;padding:10px;background-color:#000;color:white;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:bold;text-align:center;line-height:30px;align-self:center}.btn:hover{background-color:#555}.containerCollage .collage-video-gallery.video-block,.containerCollage .collage-gallery.block{width:200px;cursor:pointer}#collageModal{top:0;left:0}.collageWindow{padding:20px;position:relative;max-width:100%;max-height:100%;overflow:auto;display:flex;width:100%;overflow:hidden}.collageWindow #modalContent{display:flex;justify-content:center;width:100%}.close{position:absolute;top:20px;right:20px;cursor:pointer}#collageModal .counter{position:absolute;bottom:10px;left:10px;color:white;background:green;padding:20px}#collageModal .tag-list{margin-bottom:20px;display:flex;flex-direction:column}#collageModal .tag-list span{}#collageModal .tag-list span:hover{}#collageModal .block_img img,#collageModal .video-block_img img{margin-bottom:-4px;width:200px;border-radius:12px;background:rgba(0,0,0,0.1)}.header-auth{display:flex;align-items:center;gap:12px;margin-left:20px}.header-auth-link{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;text-decoration:none;font-size:14px;font-weight:500;color:#111;background:transparent;transition:all 0.2s ease;border-radius:9999px}.header-auth-link--mascot-search{gap:10px;padding-left:10px;padding-right:16px}.header-search-mascot{width:78px;height:48px;flex:0 0 78px;display:inline-flex;align-items:center;justify-content:center;transform-origin:center;transition:transform 0.22s ease}.header-search-mascot__svg{width:100%;height:100%;overflow:visible;display:block}.header-search-mascot__eye-shell{fill:#111;stroke:#050505;stroke-width:1.1;transition:transform 0.18s ease}.header-search-mascot__eye-white{fill:#fff}.header-search-mascot__eye-shadow{fill:transparent;stroke:rgba(0,0,0,0.08);stroke-width:1}.header-search-mascot__white-wrap{transform-origin:center;transition:transform 0.18s ease}.header-search-mascot__white-wrap--left{transform:rotate(2deg)}.header-search-mascot__white-wrap--right{transform:rotate(-2deg)}.header-search-mascot__pupil{fill:#111}.header-search-mascot__brow{fill:none;stroke:#111;stroke-width:3.2;stroke-linecap:round;transition:transform 0.22s ease;transform-origin:center}.header-search-mascot__pupil-wrap{transition:transform 0.08s linear}.header-auth-link--mascot-search:hover .header-search-mascot{transform:scale(1.08) rotate(-2deg)}.header-auth-link--mascot-search:hover .header-search-mascot__brow--left{transform:translateY(-1.8px) rotate(-5deg)}.header-auth-link--mascot-search:hover .header-search-mascot__brow--right{transform:translateY(-1.8px) rotate(5deg)}.header-auth-link--mascot-search:hover .header-search-mascot__eye-group--left .header-search-mascot__eye-shell{transform:rotate(-1.2deg) scaleY(0.98)}.header-auth-link--mascot-search:hover .header-search-mascot__eye-group--right .header-search-mascot__eye-shell{transform:rotate(1.2deg) scaleY(0.98)}.header-auth-link--mascot-search:hover .header-search-mascot__white-wrap--left{transform:rotate(3deg) scaleY(0.94)}.header-auth-link--mascot-search:hover .header-search-mascot__white-wrap--right{transform:rotate(-3deg) scaleY(0.94)}.header-auth-link--mascot-search:hover .header-search-mascot__pupil{transform:scaleY(0.92);transform-origin:center}.header-auth-link--mascot-search:hover .header-search-mascot__eye-group{animation:headerMascotBlink 1.4s ease-in-out 1}@keyframes headerMascotBlink{0%{transform:scaleY(1)}42%{transform:scaleY(1)}48%{transform:scaleY(0.16)}54%{transform:scaleY(1)}100%{transform:scaleY(1)}}body.dark-theme .header-search-mascot__eye-shell{fill:#fff;stroke:#f3f3f3}body.dark-theme .header-search-mascot__eye-white{fill:#111}body.dark-theme .header-search-mascot__eye-shadow{stroke:rgba(255,255,255,0.08)}body.dark-theme .header-search-mascot__pupil{fill:#fff}body.dark-theme .header-search-mascot__brow{stroke:#fff}.header-auth-link:hover{background:rgba(0,0,0,0.06)}.header-auth-link--primary{background:#111;color:#fff}.header-auth-link--primary:hover{background:#000}.header-mascot-badge{position:relative;width:56px;height:56px;flex:0 0 56px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.22s ease}.header-mascot-badge:hover{transform:translateY(-1px) scale(1.04)}.header-mascot-badge__frame{position:relative;width:56px;height:56px;overflow:hidden;display:flex;align-items:center;justify-content:center}.header-mascot-badge__frame::before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient( 180deg,rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.18) 38%,rgba(255,255,255,0) 100% );pointer-events:none}.header-mascot-badge__img{position:relative;z-index:2;width:40px;height:40px;object-fit:contain;display:block;animation:mascotIdle 4.2s ease-in-out infinite;transform-origin:50% 55%;}@keyframes mascotIdle{0%{transform:translateY(0) rotate(0deg) scale(1,1)}8%{transform:translateY(-0.5px) rotate(-1deg) scale(1,1)}12%{transform:translateY(0) rotate(1deg) scale(1,1)}16%{transform:translateY(0) rotate(0deg) scale(1,1)}48%{transform:translateY(0) rotate(0deg) scale(1,1)}50%{transform:translateY(0.5px) rotate(0deg) scale(1.02,0.92)}52%{transform:translateY(0.5px) rotate(0deg) scale(1.02,0.88)}54%{transform:translateY(0) rotate(0deg) scale(1,1)}78%{transform:translateY(0) rotate(0deg) scale(1,1)}82%{transform:translateY(-0.5px) rotate(-1deg) scale(1,1)}86%{transform:translateY(0) rotate(1deg) scale(1,1)}100%{transform:translateY(0) rotate(0deg) scale(1,1)}}body.dark-theme .header-auth-link{color:#fff}body.dark-theme .header-auth-link:hover{background:rgba(255,255,255,0.08)}body.dark-theme .header-auth-link--primary{background:#fff;color:#000}body.dark-theme .header-auth-link--primary:hover{background:#e8e8e8}body.dark-theme .header-mascot-badge__frame{background:#111;border-color:rgba(255,255,255,0.08);box-shadow:0 10px 28px rgba(0,0,0,0.30)}body.dark-theme .header-mascot-badge__frame::before{background:linear-gradient( 180deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.05) 38%,rgba(255,255,255,0) 100% )}.inline-paywall-notice-simple{margin-top:32px;max-width:100%;padding:24px;background:#fff;border-top:1px solid rgba(0,0,0,.08);text-align:center;line-height:1.6}.inline-paywall-notice-simple-content{margin-top:24px}p.inline-paywall-notice-simple-title{font-size:32px;font-weight:500;margin-bottom:24px;letter-spacing:-0.03em;text-align:center;line-height:26px}p.inline-paywall-notice-simple-sub-title{font-size:20px;color:var(--text-color);line-height:26px;margin-bottom:24px}.inline-paywall-notice-simple__actions{display:flex;justify-content:center;gap:12px}a.auth-btn{color:#fff;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border:0;border-radius:9999px;background:#111;color:#fff;text-decoration:none;cursor:pointer;font-family:"PragmaticaWebMedium"}body.dark-theme .inline-paywall-notice-simple{background:#111;border-color:rgba(255,255,255,.08)}.policy{display:flex;width:100%;justify-content:center}ul.policy-ul{display:flex;gap:12px;list-style:none;color:#111;text-decoration:none;justify-content:center;padding:0}li.policy-li a{color:#111;text-decoration:none}li.policy-li a:hover{text-decoration:underline}.subscribe-modal{position:fixed;inset:0;z-index:99999;display:none}.subscribe-modal.is-open{display:block}.subscribe-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.52);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.subscribe-modal__dialog{position:relative;z-index:2;width:min(920px,calc(100% - 32px));margin:64px auto;padding:28px;border-radius:28px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,0.22);box-sizing:border-box;animation:subscribeModalIn 0.22s ease}@keyframes subscribeModalIn{0%{opacity:0;transform:translateY(10px) scale(0.98)}100%{opacity:1;transform:translateY(0) scale(1)}}.subscribe-modal__close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:#111;font-size:22px;line-height:1;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease}.subscribe-modal__close:hover{cursor:pointer}.subscribe-modal__top{margin-bottom:22px}.subscribe-modal__badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#111;color:#fff;font-size:12px;line-height:1;margin-bottom:14px}.subscribe-modal__title{margin:0 0 10px;font-size:34px;line-height:1.05;letter-spacing:-0.03em;color:#111;font-weight:100}.subscribe-modal__desc{margin:0;color:#666;font-size:16px;line-height:1.6}.subscribe-modal__status-line{margin-top:14px;font-size:14px;line-height:1.5;color:#444;padding:10px 14px;border-radius:14px;background:#f6f6f6}.subscribe-modal__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.subscribe-modal-card{position:relative;padding:24px;border-radius:24px;background:#f8f8f8;border:1px solid #ececec;box-sizing:border-box;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}p.subscribe-modal__discount{font-size:24px;color:#000;margin-top:12px}p.subscribe-modal__discount span{font-size:24px;color:#5d5aff;}.subscribe-modal-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.06)}.subscribe-modal__discount span{text-shadow:0 1px 2px rgba(0,0,0,0.08)}@keyframes shineText{0%{background-position:0% center}100%{background-position:200% center}}.subscribe-modal-card--accent{background:#111;color:#fff;border-color:#111;position:relative}.subscribe-modal__cards-discount{position:absolute;right:33px;top:4px;z-index:9999;width:60px;height:60px}img.discount-mascot-badge__img{max-width:100%}.auth-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border:0;border-radius:9999px;background:#111;color:#fff;text-decoration:none;cursor:pointer;font-family:"PragmaticaWebMedium"}.discount-mascot-badge__img{display:block;width:80px;animation:floatBadge 3.5s ease-in-out infinite}@keyframes floatBadge{0%{transform:translateY(0px) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}100%{transform:translateY(0px) rotate(-2deg)}}.subscribe-modal-card--accent a.auth-btn.subscribe-modal-card__btn{color:#111;background:#fff}.subscribe-modal-card--accent:hover{box-shadow:0 12px 34px rgba(0,0,0,0.18)}.subscribe-modal-card__label{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;background:#fff;color:#111;font-size:12px;line-height:1;margin-bottom:14px}.subscribe-modal-card__current-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#111;color:#fff;font-size:12px;line-height:1;margin-bottom:14px}.subscribe-modal-card--accent .subscribe-modal-card__current-badge{background:#fff;color:#111}.subscribe-modal-card__name{font-size:28px;line-height:1.1;letter-spacing:-0.03em;color:inherit;margin-bottom:12px}.subscribe-modal-card__price{font-size:42px;line-height:1;letter-spacing:-0.04em;color:inherit;margin-bottom:10px}.subscribe-modal-card__period{font-size:15px;line-height:1.5;color:#666;margin-bottom:12px}.subscribe-modal-card--accent .subscribe-modal-card__period{color:rgba(255,255,255,0.72)}.subscribe-modal-card__text{font-size:15px;line-height:1.6;color:#444;margin-bottom:18px}.subscribe-modal-card--accent .subscribe-modal-card__text{color:rgba(255,255,255,0.88)}.subscribe-modal-card__btn,.subscribe-modal-card__btn-secondary,.subscribe-modal-card__btn-year{width:100%;margin-top:10px;box-sizing:border-box}button.auth-btn.subscribe-modal-card__btn.subscribe-modal-card__btn-year{background:#fff;color:#111}.subscribe-modal-card--current{border:2px solid #111 !important;box-shadow:0 0 0 4px rgba(17,17,17,0.05)}.subscribe-modal-card__owned{display:flex;flex-direction:column;gap:12px;margin-top:8px}.subscribe-modal-card__owned-text{font-size:14px;line-height:1.5;color:#666}.subscribe-modal-card__muted-action{margin-top:8px;font-size:14px;line-height:1.5;color:#888;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,0.04)}.subscribe-modal-card--accent.subscribe-modal-card--current{border-color:#fff !important;box-shadow:0 0 0 4px rgba(255,255,255,0.14)}.subscribe-modal-card--accent .subscribe-modal-card__muted-action{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.78)}.header-auth-link--secondary{border:0;cursor:pointer;font-family:inherit}body.dark-theme .subscribe-modal__dialog{background:#111;box-shadow:0 24px 80px rgba(0,0,0,0.42)}body.dark-theme .subscribe-modal__close{background:#1f1f1f;color:#fff}body.dark-theme .subscribe-modal__close:hover{background:#2a2a2a}body.dark-theme .subscribe-modal__title{color:#fff}body.dark-theme .subscribe-modal__desc{color:#bdbdbd}body.dark-theme .subscribe-modal__status-line{color:#d2d2d2;background:#1a1a1a}body.dark-theme .subscribe-modal-card{background:#181818;border-color:#2b2b2b;color:#fff}body.dark-theme .subscribe-modal-card:hover{box-shadow:0 12px 34px rgba(0,0,0,0.22)}body.dark-theme .subscribe-modal-card__period,body.dark-theme .subscribe-modal-card__text{color:#bdbdbd}body.dark-theme .subscribe-modal-card__owned-text,body.dark-theme .subscribe-modal-card__muted-action{color:#bdbdbd}body.dark-theme .subscribe-modal-card__muted-action{background:#202020}body.dark-theme .subscribe-modal-card--current{border-color:#fff !important;box-shadow:0 0 0 4px rgba(255,255,255,0.08)}body.dark-theme .subscribe-modal-card__current-badge{background:#fff;color:#111}body.dark-theme .subscribe-modal-card--accent{background:#fff;color:#111;border-color:#fff}body.dark-theme .subscribe-modal-card--accent .subscribe-modal-card__period,body.dark-theme .subscribe-modal-card--accent .subscribe-modal-card__text{color:#444}body.dark-theme .subscribe-modal-card--accent .subscribe-modal-card__label{background:#111;color:#fff}body.dark-theme .subscribe-modal-card--accent .subscribe-modal-card__current-badge{background:#111;color:#fff}body.dark-theme .subscribe-modal-card--accent.subscribe-modal-card--current{border-color:#111 !important;box-shadow:0 0 0 4px rgba(17,17,17,0.08)}body.dark-theme .subscribe-modal-card--accent .subscribe-modal-card__owned-text{color:#444}body.dark-theme .subscribe-modal-card--accent .subscribe-modal-card__muted-action{background:rgba(17,17,17,0.06);color:#444}p.discleimer{font-size:24px;margin-top:24px;color:#111;border-left:3px solid #f70505}color:#111}p.discleimer a{color:#111}@media (max-width:768px){.subscribe-modal__dialog{width:calc(100% - 20px);margin:20px auto;padding:22px;border-radius:22px;overflow:auto}.subscribe-modal__top{padding-right:0px}.subscribe-modal__title{font-size:28px;line-height:1.08}.subscribe-modal__desc{font-size:15px;line-height:1.55}.subscribe-modal__cards{grid-template-columns:1fr}.subscribe-modal-card{padding:20px;border-radius:20px}.subscribe-modal-card__name{font-size:24px}.subscribe-modal-card__price{font-size:36px}}@media (max-width:630px){.main_menu.main_menu_benchmarkee{justify-content:center}.auth-page-card{width:auto}.account_buttons{margin-top:24px}.header-auth{margin-left:0px;gap:0;flex-wrap:wrap;justify-content:center}}.img-container{position:relative;width:100%}.img-container .shimmer-effect{position:relative;width:100%;aspect-ratio:7.5 / 16;min-height:0 !important;overflow:hidden;border-radius:10% / 5%;background:linear-gradient( 110deg,rgba(0,0,0,0.08) 8%,rgba(0,0,0,0.14) 18%,rgba(0,0,0,0.08) 33% );background-size:200% 100%;animation:benchSkeleton 1.25s linear infinite}.img-container .shimmer-effect img{inset:0;width:100%;height:100%;object-fit:fill;display:block;opacity:0;border-radius:inherit;transition:opacity 0.35s ease !important}.img-container .shimmer-effect.lazyloaded{animation:none;background:transparent}.img-container .shimmer-effect.lazyloaded::before{display:none}.img-container .shimmer-effect.lazyloaded img{opacity:1}.img-container .shimmer-effect::before{display:none !important}@keyframes benchSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}body.dark-theme .img-container .shimmer-effect{background:linear-gradient( 110deg,rgba(255,255,255,0.06) 8%,rgba(255,255,255,0.12) 18%,rgba(255,255,255,0.06) 33% );background-size:200% 100%} .another_apps_content_parent { position: relative; overflow: hidden; } .another_apps_content { position: relative; overflow-y: auto; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; -webkit-mask-image: linear-gradient( to bottom, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .another_apps_content::-webkit-scrollbar { display: none; } /* ========================================================= BENCHMARKEE SCROLL TO TOP — LIQUID GLASS CLEAN ========================================================= */ :root { --bench-scroll-progress: 0deg; --bench-scroll-ring: #0071e3; --bench-scroll-ring-hover: rgba(0, 113, 227, 0.5); --bench-scroll-track: rgba(29, 29, 31, 0.14); } body.dark-theme { --bench-scroll-track: rgba(255, 255, 255, 0.18); } .bench-scroll-top { position: fixed; right: 24px; bottom: 24px; z-index: 9998; width: 62px; height: 62px; padding: 0; border: 0; border-radius: 50%; background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: visible; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(18px); transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease; -webkit-tap-highlight-color: transparent; filter: drop-shadow(0 12px 24px rgba(16, 18, 24, 0.22)) drop-shadow(0 4px 10px rgba(16, 18, 24, 0.12)); } .bench-scroll-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .bench-scroll-top:hover { transform: translateY(0); } .bench-scroll-top:active { transform: translateY(0); } .bench-scroll-top__progress { position: absolute; inset: -2px; border-radius: 50%; background: conic-gradient( from -90deg, var(--bench-scroll-ring) var(--bench-scroll-progress), var(--bench-scroll-track) 0deg ); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 14px rgba(0, 113, 227, 0.22); -webkit-mask: radial-gradient( farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px) ); mask: radial-gradient( farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px) ); transition: background 0.22s ease, box-shadow 0.22s ease; pointer-events: none; } .bench-scroll-top:hover .bench-scroll-top__progress { background: conic-gradient( from -90deg, var(--bench-scroll-ring-hover) var(--bench-scroll-progress), var(--bench-scroll-track) 0deg ); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 14px rgba(0, 113, 227, 0.18); } .bench-scroll-top__glass { position: absolute; inset: 4px; border-radius: 50%; background: rgba(29, 29, 31, 0.72); border: 1px solid rgba(255, 255, 255, 0.24); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -10px 18px rgba(0, 0, 0, 0.16); backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%); pointer-events: none; } .bench-scroll-top__shine { position: absolute; inset: 7px; border-radius: 50%; overflow: hidden; pointer-events: none; } .bench-scroll-top__shine::before { content: ""; position: absolute; top: -8px; left: 8px; width: 40px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); transform: rotate(-16deg); } .bench-scroll-top__shine::after { content: ""; position: absolute; width: 16px; height: 16px; top: 11px; left: 11px; border-radius: 50%; background: rgba(255, 255, 255, 0.10); } .bench-scroll-top__icon { position: relative; z-index: 3; width: 24px; height: 24px; color: #ffffff; display: flex; align-items: center; justify-content: center; pointer-events: none; } .bench-scroll-top__icon svg { width: 24px; height: 24px; display: block; } body.dark-theme .bench-scroll-top__glass { background: rgba(29, 29, 31, 0.68); border-color: rgba(255, 255, 255, 0.20); } @media (max-width: 960px) { .bench-scroll-top { right: 20px; bottom: 20px; width: 58px; height: 58px; } } @media (max-width: 630px) { .bench-scroll-top { right: 16px; bottom: 16px; width: 56px; height: 56px; } .bench-scroll-top__icon, .bench-scroll-top__icon svg { width: 22px; height: 22px; } } /* ========================================================= BENCHMARKEE GAMIFICATION VIDEOS ========================================================= */ .gamification-page-hero .benchmark_main_info_text p { max-width: 680px; margin: 0 auto; color: var(--text-color); opacity: 0.72; } .gamification-page-container { padding-top: 0; } .gamification-video-grid { display: flex; flex-wrap: wrap; margin: 0 -16.5px; width: 100%; } .gamification-video-card { flex: 0 0 355px; margin: 0 16.5px; box-sizing: border-box; padding-bottom: 34px; cursor: pointer; opacity: 0; animation: fadeIn 0.7s ease forwards; } .gamification-video-card__preview { position: relative; overflow: hidden; border-radius: 10% / 5%; background: rgba(0, 0, 0, 0.08); aspect-ratio: 7.5 / 16; outline: solid 2px rgba(0, 0, 0, 0.08); outline-offset: -2px; transition: filter 0.22s ease, transform 0.22s ease; } .gamification-video-card:hover .gamification-video-card__preview { transform: translateY(-3px); filter: brightness(0.86); } .gamification-video-card__preview img { width: 100%; height: 100%; object-fit: fill; display: block; border-radius: inherit; } .gamification-video-card__play { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; pointer-events: none; } .gamification-video-card__play img { width: 80px; height: 80px; display: block; border: 0; outline: 0; background: transparent; filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.28)); transition: opacity 0.2s ease; } .gamification-video-card:hover .gamification-video-card__play img { opacity: 0.94; } .gamification-video-card__info { margin-top: 18px; } .gamification-video-card__app { display: flex; align-items: center; gap: 14px; } .gamification-video-card__app-icon { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.08); } .gamification-video-card__app-icon img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; } .gamification-video-card__text { min-width: 0; text-align: left; } .gamification-video-card__title { margin: 0 0 4px; color: var(--text-color); font-size: 16px; line-height: 20px; letter-spacing: -0.03em; } .gamification-video-card__meta { margin: 0; color: #8d8d8d; font-size: 14px; line-height: 18px; } body.dark-theme .gamification-video-card__preview, body.dark-theme .gamification-video-card__app-icon { background: rgba(255, 255, 255, 0.08); } @media (min-width: 631px) and (max-width: 960px) { .gamification-video-card { flex: 0 0 calc(33.33% - 33px); } } @media (min-width: 961px) and (max-width: 1599px) { .gamification-video-card { flex: 0 0 calc(25% - 33px); } } @media (min-width: 1600px) and (max-width: 1980px) { .gamification-video-card { flex: 0 0 calc(20% - 33px); } } @media (min-width: 1981px) { .gamification-video-card { flex: 0 0 calc(16.66% - 33px); } } @media (max-width: 630px) { .gamification-page-container { padding: 10px 20px 50px 20px; } .gamification-video-grid { margin: 0 -10px; } .gamification-video-card { flex: 0 0 calc(50% - 20px); margin: 0 10px; padding-bottom: 24px; } .gamification-video-card__info { margin-top: 12px; } .gamification-video-card__app { gap: 10px; } .gamification-video-card__app-icon { width: 38px; height: 38px; flex-basis: 38px; } .gamification-video-card__title { font-size: 14px; line-height: 18px; } .gamification-video-card__meta { font-size: 12px; line-height: 16px; } .gamification-video-card__play img { width: 58px; height: 58px; } } /* ========================================================= MAIN GAMIFICATION TAB ========================================================= */ .benchmark-gamification-results { width: 100%; } .benchmark-gamification-grid { display: flex; flex-wrap: wrap; margin: 0 -16.5px; width: 100%; } .benchmark-gamification-card { flex: 0 0 355px; margin: 0 16.5px; box-sizing: border-box; padding-bottom: 34px; cursor: pointer; opacity: 0; animation: fadeIn 0.7s ease forwards; } .benchmark-gamification-card__preview { position: relative; overflow: hidden; border-radius: 10% / 5%; background: rgba(0, 0, 0, 0.08); aspect-ratio: 7.5 / 16; outline: solid 2px rgba(0, 0, 0, 0.08); outline-offset: -2px; transition: filter 0.22s ease, transform 0.22s ease; } .benchmark-gamification-card:hover .benchmark-gamification-card__preview { transform: translateY(-3px); filter: brightness(0.86); } .benchmark-gamification-card__preview-img { width: 100%; height: 100%; display: block; object-fit: fill; border-radius: inherit; } .benchmark-gamification-card__play { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; pointer-events: none; } .benchmark-gamification-card__play img { width: 80px; height: 80px; display: block; border: 0; outline: 0; background: transparent; filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.28)); } .benchmark-gamification-card__info { margin-top: 18px; } .benchmark-gamification-card__app { display: flex; align-items: center; gap: 14px; } .benchmark-gamification-card__app-icon { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.08); } .benchmark-gamification-card__app-icon img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; } .benchmark-gamification-card__text { min-width: 0; text-align: left; } .benchmark-gamification-card__title { margin: 0 0 4px; color: var(--text-color); font-size: 16px; line-height: 20px; letter-spacing: -0.03em; } .benchmark-gamification-card__meta { margin: 0; color: #8d8d8d; font-size: 14px; line-height: 18px; } .benchmark-gamification-empty { width: 100%; padding: 40px 20px; border-radius: 28px; background: #f5f5f7; color: #68686e; text-align: center; font-size: 15px; line-height: 22px; } body.dark-theme .benchmark-gamification-card__preview, body.dark-theme .benchmark-gamification-card__app-icon, body.dark-theme .benchmark-gamification-empty { background: #1d1d1f; } body.dark-theme .benchmark-gamification-empty { color: rgba(255, 255, 255, 0.58); } @media (min-width: 631px) and (max-width: 960px) { .benchmark-gamification-card { flex: 0 0 calc(33.33% - 33px); } } @media (min-width: 961px) and (max-width: 1599px) { .benchmark-gamification-card { flex: 0 0 calc(25% - 33px); } } @media (min-width: 1600px) and (max-width: 1980px) { .benchmark-gamification-card { flex: 0 0 calc(20% - 33px); } } @media (min-width: 1981px) { .benchmark-gamification-card { flex: 0 0 calc(16.66% - 33px); } } @media (max-width: 630px) { .benchmark-gamification-grid { margin: 0px 16.6px; } .benchmark-gamification-card { flex: 0 0 calc(50% - 20px); margin: 0 10px; padding-bottom: 24px; } .benchmark-gamification-card__info { margin-top: 12px; } .benchmark-gamification-card__app { gap: 10px; } .benchmark-gamification-card__app-icon { width: 38px; height: 38px; flex-basis: 38px; } .benchmark-gamification-card__title { font-size: 14px; line-height: 18px; } .benchmark-gamification-card__meta { font-size: 12px; line-height: 16px; } .benchmark-gamification-card__play img { width: 58px; height: 58px; } } /* ========================================================= GAMIFICATION APP CHIPS WITH ICONS ========================================================= */ .benchmark-smart-tab--app { display: inline-flex; align-items: center; gap: 9px; padding-left: 8px; } .benchmark-smart-tab__icon { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.08); display: inline-flex; align-items: center; justify-content: center; } .benchmark-smart-tab__icon img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; } .benchmark-smart-tab__text { display: inline-flex; align-items: center; white-space: nowrap; } .benchmark-search-chip--app { display: inline-flex; align-items: center; gap: 9px; padding-left: 7px; } .benchmark-search-chip__icon { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; overflow: hidden; background: rgba(255, 255, 255, 0.12); display: inline-flex; align-items: center; justify-content: center; } .benchmark-search-chip__icon img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; } .benchmark-search-chip__text { white-space: nowrap; } body.dark-theme .benchmark-smart-tab__icon { background: rgba(255, 255, 255, 0.1); } @media (max-width: 630px) { .benchmark-smart-tab--app { gap: 8px; padding-left: 7px; } .benchmark-smart-tab__icon { width: 28px; height: 28px; flex-basis: 28px; } } div#smooth-corners p { margin-top: 10px; } /* ========================================================= VIDEO MODAL IPHONE MOCKUP ========================================================= */ video#modal-video { width: 100%; } a#next-video { right: 24px; background-image: url(../img/video-modal/chevron-right-new.svg); } a#prev-video { right: 24px; background-image: url(../img/video-modal/chevron-left-new.svg); } #modalBenchmarkVideo { z-index: 99999; background: #ffffff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } #modalBenchmarkVideo.modal-video, #modalBenchmarkVideo.modal-benchmark-video { background: #ffffff !important; } #modalBenchmarkVideo .benchmark-video-phone-modal { position: relative; width: 100%; height: 100%; max-width: 100vw; max-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 22px 16px 34px; box-sizing: border-box; } .benchmark-video-phone { position: relative; height: min(96vh, 1320px); width: auto; aspect-ratio: 515 / 1063; max-width: min(98vw, 720px); flex: 0 0 auto; user-select: none; } /* Экран телефона */ .benchmark-video-phone__screen { position: absolute; left: 9.5%; top: 7.65%; width: 80.7%; height: 84.85%; overflow: hidden; border-radius: clamp(28px, 3.2vw, 52px); background: #000; z-index: 1; } /* Видео внутри экрана */ .benchmark-video-phone__screen video { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; background: #000; opacity: 0; transition: opacity 0.28s ease; } .benchmark-video-phone__screen video.loaded { opacity: 1; } /* Сам PNG мокапа */ .benchmark-video-phone__frame { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; z-index: 2; pointer-events: none; } /* Верхние/нижние элементы интерфейса */ #modalBenchmarkVideo .modal-video-title-block, #modalBenchmarkVideo .modal-video-counter, #modalBenchmarkVideo .close, #modalBenchmarkVideo #prev-video, #modalBenchmarkVideo #next-video { z-index: 100000; } /* Заголовок */ #modalBenchmarkVideo .modal-video-title-block { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); max-width: calc(100% - 140px); width: max-content; text-align: center; margin: 0; } /* Счетчик */ #modalBenchmarkVideo .modal-video-counter { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); width: auto; text-align: center; } /* Кнопка закрытия */ #modalBenchmarkVideo .close { position: absolute; top: 20px; right: 20px; opacity: 0.5; } #modalBenchmarkVideo .close:hover { opacity: 1; } /* Стрелки */ #modalBenchmarkVideo #prev-video, #modalBenchmarkVideo #next-video { opacity: 0.5; } #modalBenchmarkVideo #prev-video { left: 24px; } #modalBenchmarkVideo #next-video { right: 24px; } #modalBenchmarkVideo #prev-video:hover, #modalBenchmarkVideo #next-video:hover { opacity: 1; } #modalBenchmarkVideo p#modal-video-title { color: #fff; } /* Мобильная версия */ @media (max-width: 630px) { #modalBenchmarkVideo .benchmark-video-phone-modal { padding: 44px 4px 54px; } .benchmark-video-phone { height: min(88vh, 920px); max-width: calc(100vw - 4px); } .benchmark-video-phone__screen { border-radius: 30px; } #modalBenchmarkVideo .modal-video-title-block { top: 10px; max-width: calc(100% - 92px); } #modalBenchmarkVideo .modal-video-counter { bottom: 12px; } #modalBenchmarkVideo #prev-video, #modalBenchmarkVideo #next-video { width: 44px; height: 44px; } #modalBenchmarkVideo #prev-video { left: 6px; } #modalBenchmarkVideo #next-video { right: 6px; } #modalBenchmarkVideo .close { top: 8px; right: 8px; } video#modal-video { height: auto!important; } } /* ========================================================= MAIN PAGE SPONSOR VIDEO CARD ========================================================= */ #content .reklama_on_main { flex: 0 0 355px; margin: 0 16.5px; box-sizing: border-box; min-height: auto; padding-bottom: 30px; } #content .reklama_on_main .reklama_video_block { padding-top: 16.5px; border-radius: 8px; background: transparent; } #content .reklama_on_main .reklama_video_block a { display: block; width: 100%; color: inherit; text-decoration: none; } #content .reklama_on_main .reklama_video { width: 100%; aspect-ratio: 13.37 / 10; height: auto; display: block; object-fit: cover; object-position: center; border-radius: 12px; background: rgba(0, 0, 0, 0.08); pointer-events: none; } #content .reklama_on_main .block_info { display: flex; justify-content: flex-start; margin-top: 18px; color: var(--text-color); } #content .reklama_on_main .block_info_img { width: 48px; height: 48px; margin-right: 16px; flex: 0 0 48px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.08); } #content .reklama_on_main .block_info_img img { width: 48px; height: 48px; max-width: none; display: block; object-fit: cover; border-radius: 50%; } body.dark-theme #content .reklama_on_main .reklama_video { background: rgba(255, 255, 255, 0.08); outline-color: rgba(255, 255, 255, 0.08); } @media (max-width: 630px) { #content .reklama_on_main { flex: 0 0 calc(50% - 20px); margin: 0 10px; padding-bottom: 20px; display: none; } #content .reklama_on_main .reklama_video { aspect-ratio: 16 / 10; border-radius: 8px; } #content .reklama_on_main .block_info { margin-top: 14px; } #content .reklama_on_main .block_info_img { width: 38px; height: 38px; flex-basis: 38px; margin-right: 10px; } #content .reklama_on_main .block_info_img img { width: 38px; height: 38px; } } button.benchmark-top-filter__tab.benchmark-gamification { position: relative; } button.benchmark-top-filter__tab.benchmark-gamification img.header-mascot-badge__img { position: absolute; right: -14px; top: -15px; } /* ========================================================= GAMIFICATION TAB MASCOT ========================================================= */ .benchmark-top-filter__tabs { padding-top: 22px; margin-top: -22px; } .benchmark-top-filter__tab.benchmark-gamification { position: relative; overflow: visible; } .benchmark-gamification__mascot { position: absolute; right: -20px; top: 0px; width: 42px; height: 42px; object-fit: contain; display: block; pointer-events: none; z-index: 2; transform: rotate(6deg); } .benchmark-top-filter__tab.benchmark-gamification span { position: relative; z-index: 1; } @media (max-width: 630px) { .benchmark-top-filter__tabs { padding-top: 18px; margin-top: -18px; } .benchmark-top-filter__tab.benchmark-gamification { padding-right: 38px; } .benchmark-gamification__mascot { width: 38px; height: 38px; right: -8px; top: 3px; } } /* ========================================================= BENCHMARKEE HEADER — SIMPLE MOBILE MENU ========================================================= */ .bench-header-auth { display: flex; align-items: center; gap: 14px; } .bench-header-actions { display: flex; align-items: center; gap: 10px; } .bench-header-desktop-only { display: inline-flex; align-items: center; gap: 10px; } .header-auth-link { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border: 0; border-radius: 9999px; background: #f2f2f7; color: #1d1d1f; font-family: "PragmaticaWebMedium"; font-size: 15px; line-height: 1; text-decoration: none; cursor: pointer; white-space: nowrap; box-sizing: border-box; transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease; } .header-auth-link:hover { background: #e5e5ea; } .header-auth-link--primary, .header-auth-link.active { background: #1d1d1f; color: #ffffff; } .header-auth-link--primary:hover, .header-auth-link.active:hover { background: #000000; } .header-auth-link--secondary { background: #f2f2f7; color: #1d1d1f; } .header-auth-link--ghost { background: transparent; color: #68686e; } .header-auth-link--ghost:hover { background: #f2f2f7; color: #1d1d1f; } .bench-header-logo { flex: 0 0 auto; } body.dark-theme .header-auth-link { background: #1d1d1f; color: #ffffff; } body.dark-theme .header-auth-link:hover { background: #2c2c2e; } body.dark-theme .header-auth-link--primary, body.dark-theme .header-auth-link.active { background: #ffffff; color: #1d1d1f; } body.dark-theme .header-auth-link--ghost { background: transparent; color: rgba(255, 255, 255, 0.62); } body.dark-theme .header-auth-link--ghost:hover { background: #1d1d1f; color: #ffffff; } /* Mobile */ @media (max-width: 630px) { header#header_benchmarkee { padding: 0 20px; } .main_menu.main_menu_benchmarkee { min-height: 64px; padding: 14px 0; justify-content: space-between; } .bench-header-auth { width: 100%; justify-content: space-between; gap: 12px; } .bench-header-actions { gap: 8px; margin-left: auto; } .bench-header-desktop-only { display: none !important; } .header-mascot-badge { width: 44px; height: 44px; flex: 0 0 44px; } .header-mascot-badge__frame { width: 44px; height: 44px; } .header-mascot-badge__img { width: 32px; height: 32px; } .header-auth-link { min-height: 44px; padding: 0 16px; font-size: 15px; } .header-auth-link--primary { background: #000000; color: #ffffff; } .header-auth-link--secondary { background: #f2f2f7; color: #1d1d1f; } .header-auth-link--ghost { padding: 0 12px; background: transparent; color: #68686e; } body.dark-theme .header-auth-link--primary { background: #ffffff; color: #1d1d1f; } body.dark-theme .header-auth-link--secondary { background: #1d1d1f; color: #ffffff; } } /* Очень узкие экраны */ @media (max-width: 380px) { .header-auth-link { padding: 0 13px; font-size: 14px; } .bench-header-actions { gap: 6px; } .header-auth-link--ghost { padding: 0 10px; } } /* ========================================================= BENCHMARKEE FOOTER MENU ========================================================= */ .bench-footer-menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 34px 20px 10px; } .bench-footer-menu a, .bench-footer-menu button { min-height: 40px; padding: 0 15px; border: 0; border-radius: 9999px; background: #f2f2f7; color: #1d1d1f; font-family: "PragmaticaWebMedium"; font-size: 14px; line-height: 1; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease; } .bench-footer-menu a:hover, .bench-footer-menu button:hover { background: #e5e5ea; } body.dark-theme .bench-footer-menu a, body.dark-theme .bench-footer-menu button { background: #1d1d1f; color: #ffffff; } body.dark-theme .bench-footer-menu a:hover, body.dark-theme .bench-footer-menu button:hover { background: #2c2c2e; } @media (max-width: 630px) { .bench-footer-menu { padding: 28px 20px 8px; gap: 8px; } .bench-footer-menu a, .bench-footer-menu button { min-height: 38px; padding: 0 13px; font-size: 14px; } } /* ========================================================= BENCH MAIN MODES FIX Apps keep old grid, smart tabs get clean full width ========================================================= */ #content.benchmark-content--apps { display: flex; flex-wrap: wrap; margin: 0 -16.5px; } #content.benchmark-content--smart, #content.benchmark-content--gamification { display: block; width: 100%; max-width: 100%; margin: 0; box-sizing: border-box; } #content.benchmark-content--smart .tag-search-results, #content.benchmark-content--smart .benchmark-single-scenario-result, #content.benchmark-content--gamification .benchmark-gamification-results { width: 100%; max-width: 100%; box-sizing: border-box; } #content.benchmark-content--smart .resource-group { width: 100%; max-width: 100%; box-sizing: border-box; } #content.benchmark-content--smart .screenshots-carousel, #content.benchmark-content--smart .resource-items-grid { max-width: 100%; box-sizing: border-box; } /* ========================================================= TOP SMART TABS MOBILE FIX ========================================================= */ .benchmark-top-filter, .benchmark-smart-tabs-container, .benchmark-global-search-wrap { max-width: 100%; box-sizing: border-box; } .benchmark-top-filter__tabs, .benchmark-smart-tabs { max-width: 100%; box-sizing: border-box; } @media (max-width: 630px) { .benchmark-top-filter { width: 100%; padding: 0 20px; margin: 14px 0 10px; overflow: hidden; } .benchmark-smart-tabs-container { width: 100%; padding: 0 20px; margin: 8px 0 18px; overflow: hidden; } .benchmark-global-search-wrap { width: 100%; padding: 0 20px; margin: 8px 0 22px; overflow: visible; } .benchmark-top-filter__tabs, .benchmark-smart-tabs, div#benchmarkTopFilterTabs { justify-content: flex-start !important; width: 100%; max-width: 100%; overflow-x: auto !important; overflow-y: hidden !important; flex-wrap: nowrap !important; padding-left: 0; padding-right: 42px; box-sizing: border-box; } .benchmark-top-filter__tab, .benchmark-smart-tab { flex: 0 0 auto; white-space: nowrap; } .benchmark-top-filter__tabs::after, .benchmark-smart-tabs::after { content: ""; flex: 0 0 24px; width: 24px; height: 1px; } .benchmark-global-search { width: 100%; max-width: 100%; } .benchmark-global-search input { width: 100%; max-width: 100%; } #content.benchmark-content--smart, #content.benchmark-content--gamification { margin: 0; width: 100%; } #content.benchmark-content--smart .resource-group-header { padding: 0; margin-left: 0; margin-right: 0; } #content.benchmark-content--smart .screenshots-carousel .swiper-wrapper, #content.benchmark-content--smart .resource-items-grid { margin-left: -10px !important; margin-right: -10px !important; width: auto !important; } } /* Обертка карточки обязательно relative */ .block_img { position: relative; } /* Бейдж "Обновлено" */ .benchmark-updated-badge { position: absolute; top: 30.5px; right: 14px; z-index: 8; display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 14px; border-radius: 999px; background: linear-gradient(180deg, rgba(38, 38, 41, 0.98) 0%, rgba(15, 15, 17, 0.98) 100%); color: #fff; font-family: "PragmaticaWebMedium", Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; box-sizing: border-box; overflow: hidden; pointer-events: none; border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 0 24px rgba(255, 255, 255, 0.18); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); animation: benchmarkUpdatedFloat 3.4s ease-in-out infinite, benchmarkUpdatedPulseSoft 3.4s ease-in-out infinite; } /* Мягкое внешнее сияние */ .benchmark-updated-badge::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.24), transparent 70%); opacity: 0.38; filter: blur(8px); animation: benchmarkUpdatedAuraSoft 3.4s ease-in-out infinite; } /* Блик, который проходит по бейджу */ .benchmark-updated-badge span, .benchmark-updated-badge { isolation: isolate; } .benchmark-updated-badge::after { content: ""; position: absolute; top: -40%; bottom: -40%; left: -55%; width: 42%; z-index: 1; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.06) 20%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.06) 80%, transparent 100% ); transform: translateX(-120%) rotate(18deg); animation: benchmarkUpdatedShine 3.2s ease-in-out infinite; } /* Чтобы текст был поверх блика */ .benchmark-updated-badge { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); } /* Если внутри бейджа просто текст без span — ок, работать будет. Если хочешь идеально, можно в tpl сделать: Обновлено */ .benchmark-updated-badge__text { position: relative; z-index: 2; } /* Анимации */ @keyframes benchmarkUpdatedFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } @keyframes benchmarkUpdatedPulseSoft { 0%, 100% { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.20), 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 0 12px rgba(255, 255, 255, 0.10); } 50% { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 0 18px rgba(255, 255, 255, 0.18); } } @keyframes benchmarkUpdatedAuraSoft { 0%, 100% { opacity: 0.28; transform: scale(0.98); } 50% { opacity: 0.48; transform: scale(1.04); } } @keyframes benchmarkUpdatedShine { 0% { transform: translateX(-140%) rotate(18deg); opacity: 0; } 18% { opacity: 1; } 42% { transform: translateX(360%) rotate(18deg); opacity: 0; } 100% { transform: translateX(360%) rotate(18deg); opacity: 0; } } /* Dark theme */ body.dark-theme .benchmark-updated-badge { background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(236, 236, 240, 0.98) 100%); color: #1d1d1f; border-color: rgba(0, 0, 0, 0.08); text-shadow: none; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.55) inset, 0 0 24px rgba(255, 255, 255, 0.34); } body.dark-theme .benchmark-updated-badge::before { background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.62), transparent 68%); } body.dark-theme .benchmark-updated-badge::after { background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.72) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% ); } /* Mobile */ @media (max-width: 630px) { .benchmark-updated-badge { top: 28px; right: 10px; height: 28px; padding: 0 11px; font-size: 12px; } } /* ========================================================= NEXT APPS — MOBILE/ADAPTIVE GRID FIX Вставь в самый конец основного CSS-файла ========================================================= */ #nextAppsContent.next_apps { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 20px; row-gap: 36px; width: 100%; max-width: 100%; margin: 0 !important; padding: 0; min-height: 0 !important; box-sizing: border-box; align-items: start; } #nextAppsContent.next_apps .block.main_page_block, #nextAppsContent.next_apps .block { width: 100%; min-width: 0; min-height: 0 !important; flex: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; } #nextAppsContent.next_apps .block_img { position: relative; width: 100%; padding-top: 0 !important; border-radius: 10px; overflow: visible; } #nextAppsContent.next_apps .block_img > a { display: block; width: 100%; color: inherit; text-decoration: none; } #nextAppsContent.next_apps .block_img > a > img { display: block; width: 100%; height: auto; aspect-ratio: 13.37 / 10; object-fit: cover; object-position: center; margin: 0 !important; border-radius: 10px; background: rgba(0, 0, 0, 0.06); } #nextAppsContent.next_apps .block_info { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; column-gap: 10px; margin: 14px 0 0 0 !important; padding: 0 !important; } #nextAppsContent.next_apps .block_info_img { width: 38px; height: 38px; min-width: 38px; margin: 0 !important; border-radius: 50%; overflow: hidden; } #nextAppsContent.next_apps .block_info_img img { display: block; width: 38px !important; height: 38px !important; min-height: 0 !important; max-width: none !important; object-fit: cover; border-radius: 50% !important; margin: 0 !important; } #nextAppsContent.next_apps .block_info_text { min-width: 0; display: block; text-align: left; } #nextAppsContent.next_apps .child_title { margin: 0 !important; color: var(--text-color); font-size: 16px; line-height: 19px; font-weight: 500; letter-spacing: -0.02em; overflow-wrap: anywhere; } #nextAppsContent.next_apps .parent_title, #nextAppsContent.next_apps .benchmark-updated-badge { display: none !important; } @media (max-width: 768px) { #nextAppsContent.next_apps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 450px) { #nextAppsContent.next_apps { column-gap: 16px; row-gap: 32px; } #nextAppsContent.next_apps { grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 14.5px; } #nextAppsContent.next_apps .block_info { grid-template-columns: 34px minmax(0, 1fr); column-gap: 9px; margin-top: 12px !important; } #nextAppsContent.next_apps .block_info_img, #nextAppsContent.next_apps .block_info_img img { width: 34px !important; height: 34px !important; min-width: 34px; } #nextAppsContent.next_apps .child_title { font-size: 15px; line-height: 18px; } } .benchmark-random-logo .benchmark-random-logo__item { display: none; } .benchmark-random-logo .benchmark-random-logo__item.is-active { display: block; } body.dark-theme .benchmark-random-logo .benchmark-random-logo__item { display: none !important; } /* ========================================================= Benchmarkee main apps mobile flicker fix Добавлено для стабильной сетки при ajax-переключении вкладок и скролле на iOS/Android. ========================================================= */ #content.benchmark-content--apps { transition: opacity 0.18s ease; will-change: opacity; transform: translateZ(0); backface-visibility: hidden; } #content.benchmark-content--apps.benchmark-is-switching { opacity: 0.38; pointer-events: none; } #content.benchmark-content--apps.benchmark-content-ready .block.main_page_block { opacity: 1 !important; animation: none !important; } #content.benchmark-content--apps .block.main_page_block, #content.benchmark-content--apps .block_img, #content.benchmark-content--apps .block_img a, #content.benchmark-content--apps .block_img img { backface-visibility: hidden; transform: translateZ(0); } #content.benchmark-content--apps .block.main_page_block img.lazyloaded { transition: opacity 0.22s ease !important; } #content.benchmark-content--apps .block.main_page_block .block_img.shimmer-effect { overflow: visible; } @media (max-width: 768px) { #content.benchmark-content--apps { min-height: 520px; contain: layout paint; } #content.benchmark-content--apps .block.main_page_block { opacity: 1 !important; animation: none !important; } #content.benchmark-content--apps .block.main_page_block img.lazyloaded { transition-duration: 0.16s !important; } } @media (prefers-reduced-motion: reduce) { #content.benchmark-content--apps, #content.benchmark-content--apps .block.main_page_block, #content.benchmark-content--apps .block.main_page_block img { transition: none !important; animation: none !important; } } /* ========================================================= BENCHMARKEE MOBILE APPS GRID — RIGHT CROP FIX Фикс смещения и обрезания карточек справа на адаптиве ========================================================= */ @media (max-width: 630px) { div#tabs { padding-top: 0; } .main_page_content_benchmarkee { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; overflow-x: hidden; } #content.content_benchmarkee, #content.benchmark-content--apps, .content_benchmarkee.main_page_content_benchmarkee { width: 100%; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; overflow-x: hidden; } #content.benchmark-content--apps, #content.content_benchmarkee { display: grid !important; grid-template-columns: 1fr !important; gap: 34px !important; align-items: start; } #content .block.main_page_block, #content .main_page_block { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; } #content .block_img { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box; overflow: visible; } #content .block_img > a { display: block; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } #content .block_img > a > img { width: 100% !important; max-width: 100% !important; height: auto; display: block; object-fit: cover; box-sizing: border-box; } #content .block_info { width: 100%; max-width: 100%; box-sizing: border-box; } .benchmark-updated-badge { right: 10px; max-width: calc(100% - 20px); } } /* ========================================================= BENCH SHOT ACTIONS — TEXT BUTTONS ========================================================= */ .bench-shot-actions { display: flex; align-items: center; gap: 6px; } .bench-shot-btn { width: auto !important; min-width: 0 !important; height: 34px; min-height: 34px; padding: 0 12px !important; border-radius: 9999px; white-space: nowrap; } .bench-shot-btn__icon { display: none !important; } .bench-shot-btn__text { display: inline-flex; align-items: center; justify-content: center; font-family: "PragmaticaWebMedium", Arial, sans-serif; font-size: 13px; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; pointer-events: none; } @media (max-width: 630px) { .bench-shot-actions { gap: 5px; } .bench-shot-btn { height: 30px; min-height: 30px; padding: 0 10px !important; } .bench-shot-btn__text { font-size: 12px; } } #content.benchmark-is-switching .block.main_page_block { opacity: 1 !important; } #content .block.main_page_block, #content .block.main_page_block .block_img, #content .block.main_page_block .block_info { visibility: visible; } #content .block.main_page_block:only-child, #content .block.main_page_block:first-child:last-child { opacity: 1 !important; filter: none !important; } #content .reklama_on_main { opacity: 1 !important; filter: none !important; visibility: visible !important; } .bench-yearly-promo { position: fixed; inset: 0; z-index: 99999; display: none; } .bench-yearly-promo.is-visible { display: block; } .bench-yearly-promo__overlay { position: absolute; inset: 0; background: rgba(8, 10, 16, 0.62); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .bench-yearly-promo__dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.96); width: min(94vw, 680px); padding: 112px 44px 34px; border-radius: 30px; background: radial-gradient(circle at 50% 0%, rgba(255, 230, 77, 0.20), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%); box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24); text-align: center; opacity: 0; transition: transform .28s ease, opacity .28s ease; overflow: visible; box-sizing: border-box; } .bench-yearly-promo.is-visible .bench-yearly-promo__dialog { transform: translate(-50%, -50%) scale(1); opacity: 1; } .bench-yearly-promo__close { position: absolute; right: 14px; top: 14px; z-index: 5; width: 44px; height: 44px; border: 0; border-radius: 0; background: transparent; color: #15161b; font-size: 34px; line-height: 1; cursor: pointer; transition: transform .18s ease, opacity .18s ease; } .bench-yearly-promo__close:hover { transform: scale(1.04); opacity: .62; } .bench-yearly-promo__mascot { position: absolute; left: 50%; top: -88px; transform: translateX(-50%); width: 184px; max-width: 50%; filter: drop-shadow(0 12px 22px rgba(0,0,0,.18)); animation: benchMascotFloat 3s ease-in-out infinite; } .bench-yearly-promo__mascot img { display: block; width: 100%; height: auto; object-fit: contain; } .bench-yearly-promo__content { position: relative; z-index: 2; } .bench-yearly-promo__label { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 0 14px; border-radius: 999px; background: #111318; color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 14px; } .bench-yearly-promo__title { letter-spacing: -0.05em; text-align: center; font-weight: 500; font-size: 64px; line-height: 64px; padding-bottom: 20px; } .bench-yearly-promo__title span { display: inline-block; color: #5d5aff; } .bench-yearly-promo__text { margin: 0 auto 16px; max-width: 540px; font-size: 17px; line-height: 1.5; color: #4a4e58; } .bench-yearly-promo__text strong { color: #5d5aff; font-weight: 300; } .bench-yearly-promo_wrapper { display: flex; flex-direction: column-reverse; gap: 16px; } .bench-yearly-promo__timer { display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; margin: 0 0 20px; border-radius: 999px; color: #22242c; font-size: 18px; font-weight: 500; } .bench-yearly-promo__actions { display: none; flex-direction: column; gap: 10px; width: 100%; } .bench-yearly-promo.is-guest .bench-yearly-promo__actions--guest, .bench-yearly-promo.is-logged-no-sub .bench-yearly-promo__actions--subscriberless { display: flex; } .bench-yearly-promo__button--primary { background: linear-gradient(135deg, #111318 0%, #252835 100%); color: #fff; } .bench-yearly-promo__button--secondary { background: #eef0f6; color: #15161b; box-shadow: none; } .bench-yearly-promo__button--secondary:hover { transform: translateY(-1px); opacity: .94; } .bench-yearly-promo__button { display: inline-flex; justify-content: center; align-items: center; min-height: 58px; padding: 0 30px; border-radius: 999px; background: linear-gradient(135deg, #111318 0%, #252835 100%); color: #fff; text-decoration: none; font-size: 18px; box-shadow: 0 12px 28px rgba(17, 19, 24, 0.22); transition: transform .18s ease, opacity .18s ease; } .bench-yearly-promo__button:hover { transform: translateY(-1px); opacity: .94; } @keyframes benchMascotFloat { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-6px); } } @media (max-width: 640px) { .bench-yearly-promo__dialog { width: calc(100vw - 24px); padding: 88px 20px 22px; border-radius: 24px; } .bench-yearly-promo__mascot { width: 138px; top: -62px; } .bench-yearly-promo__title { font-size: 29px; line-height: 0.98; } .bench-yearly-promo__text { font-size: 15px; line-height: 1.45; } .bench-yearly-promo__timer { width: 100%; box-sizing: border-box; font-size: 13px; } .bench-yearly-promo__button { width: 100%; min-height: 54px; padding: 0 18px; box-sizing: border-box; } }