/* chlak-theme-final-v3.css */
.chf3-bottom-right
> button.chf3-theme-toggle.ch-theme-final {
all: unset !important;
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 28px !important;
min-width: 32px !important;
min-height: 28px !important;
flex: 0 0 32px !important;
margin: 0 !important;
padding: 0 !important;
border:
1px solid #e2e8f0
!important;
border-radius:
8px
!important;
background:
#ffffff
!important;
color:
#526176
!important;
box-shadow:
0 1px 2px rgba(15,23,42,.04)
!important;
cursor:
pointer
!important;
vertical-align:
middle
!important;
transition:
background-color .16s ease,
border-color .16s ease,
color .16s ease,
box-shadow .16s ease
!important;
}
.chf3-bottom-right
> button.chf3-theme-toggle.ch-theme-final::before,
.chf3-bottom-right
> button.chf3-theme-toggle.ch-theme-final::after {
content:
none
!important;
display:
none
!important;
}
.chf3-bottom-right
> button.chf3-theme-toggle.ch-theme-final
> svg.ch-theme-final-icon {
all:
unset
!important;
display:
block
!important;
position:
static
!important;
width:
15px
!important;
height:
15px
!important;
min-width:
15px
!important;
min-height:
15px
!important;
visibility:
visible
!important;
opacity:
1
!important;
color:
currentColor
!important;
transform:
none
!important;
pointer-events:
none
!important;
}
.chf3-bottom-right
> button.chf3-theme-toggle.ch-theme-final
path {
fill:
currentColor
!important;
}
html:not([data-theme="dark"])
.chf3-bottom-right
> button.ch-theme-final {
background:
#ffffff
!important;
border-color:
#e2e8f0
!important;
color:
#526176
!important;
}
html:not([data-theme="dark"])
.chf3-bottom-right
> button.ch-theme-final:hover {
background:
#f8fafc
!important;
border-color:
#cbd5e1
!important;
color:
#111827
!important;
}
html[data-theme="dark"]
.chf3-bottom-right
> button.ch-theme-final {
background:
#f8fafc
!important;
border-color:
#dce3ec
!important;
color:
#f59e0b
!important;
box-shadow:
0 1px 3px rgba(0,0,0,.22)
!important;
}
html[data-theme="dark"]
.chf3-bottom-right
> button.ch-theme-final:hover {
background:
#ffffff
!important;
border-color:
#cbd5e1
!important;
color:
#d97706
!important;
}
.chf3-bottom-right
> button.ch-theme-final:focus-visible {
outline:
2px solid #818cf8
!important;
outline-offset:
2px
!important;
}
.chf3-bottom-right {
display:
flex
!important;
align-items:
center
!important;
}
.chf3-bottom-right
.chf3-language {
box-sizing:
border-box
!important;
display:
inline-flex
!important;
align-items:
center
!important;
justify-content:
center
!important;
height:
28px
!important;
min-height:
28px
!important;
padding:
0 10px
!important;
margin:
0
!important;
border-radius:
8px
!important;
}
/* chlak-home-rhythm-final-v1.css */
.hero {
padding:
72px 0 38px
!important;
}
.hero .ch3-platforms {
margin-top:
26px
!important;
}
#video-platforms.ch-route-section,
#broad-search-intent.section-tight,
#source-matching.chsm-section,
#planned-workflow.chpw-section,
#limits.chlim-section,
#other-media.chom-section,
#faq.chfaq-section {
padding-top:
48px
!important;
padding-bottom:
48px
!important;
}
#video-platforms.ch-route-section,
#source-matching.chsm-section,
#planned-workflow.chpw-section,
#limits.chlim-section,
#other-media.chom-section,
#faq.chfaq-section {
margin-left:
auto
!important;
margin-right:
auto
!important;
}
#video-platforms .ch-route-head,
#source-matching .chsm-heading,
#planned-workflow .chpw-head,
#other-media .chom-head,
#faq .chfaq-head {
margin-bottom:
28px
!important;
}
#broad-search-intent > .container {
margin-top:
0
!important;
margin-bottom:
0
!important;
}
#faq.chfaq-section {
padding-bottom:
38px
!important;
}
.chf3 {
margin-top:
0
!important;
}
.chf3-inner {
padding:
42px 0 20px
!important;
}
.chf3-main {
row-gap:
30px
!important;
}
.chf3-bottom {
margin-top:
30px
!important;
padding-top:
18px
!important;
}
@media (max-width: 1050px) {
.hero {
padding:
58px 0 34px
!important;
}
#video-platforms.ch-route-section,
#broad-search-intent.section-tight,
#source-matching.chsm-section,
#planned-workflow.chpw-section,
#limits.chlim-section,
#other-media.chom-section,
#faq.chfaq-section {
padding-top:
42px
!important;
padding-bottom:
42px
!important;
}
#faq.chfaq-section {
padding-bottom:
34px
!important;
}
#video-platforms .ch-route-head,
#source-matching .chsm-heading,
#planned-workflow .chpw-head,
#other-media .chom-head,
#faq .chfaq-head {
margin-bottom:
26px
!important;
}
.chf3 {
margin-top:
0
!important;
}
.chf3-inner {
padding:
36px 0 18px
!important;
}
}
@media (max-width: 650px) {
.hero {
padding:
44px 0 28px
!important;
}
.hero .ch3-platforms {
margin-top:
22px
!important;
}
#video-platforms.ch-route-section,
#broad-search-intent.section-tight,
#source-matching.chsm-section,
#planned-workflow.chpw-section,
#limits.chlim-section,
#other-media.chom-section,
#faq.chfaq-section {
padding-top:
34px
!important;
padding-bottom:
34px
!important;
}
#faq.chfaq-section {
padding-bottom:
26px
!important;
}
#video-platforms .ch-route-head,
#source-matching .chsm-heading,
#planned-workflow .chpw-head,
#other-media .chom-head,
#faq .chfaq-head {
margin-bottom:
22px
!important;
}
.chf3 {
margin-top:
0
!important;
}
.chf3-inner {
padding:
30px 0 16px
!important;
}
.chf3-main {
row-gap:
24px
!important;
}
.chf3-bottom {
margin-top:
24px
!important;
padding-top:
16px
!important;
}
}
.chf3 {
margin-top: 0 !important;
}
.chf3-inner {
padding-top: 24px !important;
padding-bottom: 10px !important;
}
.chf3-bottom {
margin-top: 22px !important;
padding-top: 14px !important;
}
@media (max-width: 1050px) {
.chf3-inner {
padding-top: 24px !important;
padding-bottom: 12px !important;
}
.chf3-bottom {
margin-top: 22px !important;
padding-top: 14px !important;
}
}
@media (max-width: 650px) {
.chf3 {
margin-top: 0 !important;
}
.chf3-inner {
padding-top: 24px !important;
padding-bottom: 12px !important;
}
.chf3-bottom {
margin-top: 20px !important;
padding-top: 14px !important;
}
}
/* chlak-home-socials-v1.css */
.chf3-socials {
display:
flex
!important;
align-items:
center
!important;
flex-wrap:
wrap
!important;
gap:
8px
!important;
}
.chf3-social {
display:
inline-flex
!important;
align-items:
center
!important;
justify-content:
center
!important;
width:
31px
!important;
height:
31px
!important;
flex:
0 0 31px
!important;
padding:
0
!important;
border:
0
!important;
border-radius:
9px
!important;
text-decoration:
none
!important;
box-shadow:
0 3px 8px rgba(15,23,42,.08)
!important;
transition:
transform .16s ease,
box-shadow .16s ease,
opacity .16s ease
!important;
}
.chf3-social:hover {
transform:
translateY(-2px)
!important;
box-shadow:
0 7px 16px rgba(15,23,42,.14)
!important;
}
.chf3-social:focus-visible {
outline:
2px solid #6366f1
!important;
outline-offset:
3px
!important;
}
.chf3-social img {
display:
block
!important;
width:
15px
!important;
height:
15px
!important;
object-fit:
contain
!important;
filter:
brightness(0) invert(1)
!important;
}
.chf3-ig {
background:
linear-gradient(
135deg,
#833ab4,
#e1306c 63%,
#f77737
)
!important;
}
.chf3-fb {
background:
#1877f2
!important;
}
.chf3-x {
background:
#111111
!important;
}
.chf3-tiktok {
background:
#111111
!important;
}
.chf3-youtube {
background:
#ff0033
!important;
}
.chf3-quora {
background:
#b92b27
!important;
}
@media (max-width: 650px) {
.chf3-socials {
gap:
9px
!important;
}
.chf3-social {
width:
34px
!important;
height:
34px
!important;
flex-basis:
34px
!important;
}
}
.chf3-social.chf3-quora {
padding: 0 !important;
overflow: hidden !important;
background: #b92b27 !important;
}
.chf3-social.chf3-quora img {
width: 31px !important;
height: 31px !important;
max-width: 31px !important;
max-height: 31px !important;
object-fit: cover !important;
border-radius: 9px !important;
filter: none !important;
opacity: 1 !important;
}
@media (max-width: 650px) {
.chf3-social.chf3-quora img {
width: 34px !important;
height: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
}
}
.chf3-social.chf3-quora {
background: #b92b27 !important;
overflow: hidden !important;
}
.chf3-social.chf3-quora img {
width: 17px !important;
height: 17px !important;
max-width: 17px !important;
max-height: 17px !important;
object-fit: contain !important;
border-radius: 0 !important;
filter: brightness(0) invert(1) !important;
opacity: 1 !important;
}
@media (max-width: 650px) {
.chf3-social.chf3-quora img {
width: 18px !important;
height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
}
}
/* chlak-home-smart-input-v1.css */
.ch3-smart-url-row {
align-items: center !important;
}
.ch3-smart-url-row .ch3-url-input {
flex:
1 1 auto
!important;
min-width:
170px
!important;
}
.ch3-smart-actions {
display:
flex
!important;
align-items:
center
!important;
gap:
7px
!important;
flex:
0 0 auto
!important;
align-self:
center
!important;
}
.ch3-detect-badge {
box-sizing:
border-box
!important;
display:
inline-flex
!important;
align-items:
center
!important;
justify-content:
center
!important;
gap:
7px
!important;
height:
38px
!important;
min-width:
112px
!important;
max-width:
145px
!important;
padding:
0 11px
!important;
border:
1px solid #e2e8f0
!important;
border-radius:
999px
!important;
background:
#f8fafc
!important;
color:
#64748b
!important;
font-size:
11px
!important;
font-weight:
750
!important;
line-height:
1
!important;
white-space:
nowrap
!important;
}
.ch3-detect-dot {
display:
block
!important;
width:
7px
!important;
height:
7px
!important;
flex:
0 0 7px
!important;
border-radius:
50%
!important;
background:
#94a3b8
!important;
box-shadow:
0 0 0 3px rgba(148,163,184,.12)
!important;
}
.ch3-detect-badge[data-platform="instagram"] {
border-color:
rgba(225,48,108,.22)
!important;
background:
#fff7fb
!important;
color:
#be185d
!important;
}
.ch3-detect-badge[data-platform="instagram"]
.ch3-detect-dot {
background:
#e1306c
!important;
box-shadow:
0 0 0 3px rgba(225,48,108,.12)
!important;
}
.ch3-detect-badge[data-platform="facebook"] {
border-color:
rgba(24,119,242,.22)
!important;
background:
#f5f9ff
!important;
color:
#1d4ed8
!important;
}
.ch3-detect-badge[data-platform="facebook"]
.ch3-detect-dot {
background:
#1877f2
!important;
}
.ch3-detect-badge[data-platform="pinterest"] {
border-color:
rgba(230,0,35,.18)
!important;
background:
#fff7f8
!important;
color:
#be123c
!important;
}
.ch3-detect-badge[data-platform="pinterest"]
.ch3-detect-dot {
background:
#e60023
!important;
}
.ch3-detect-badge[data-platform="tiktok"] {
border-color:
rgba(15,23,42,.18)
!important;
background:
#f8fafc
!important;
color:
#0f172a
!important;
}
.ch3-detect-badge[data-platform="tiktok"]
.ch3-detect-dot {
background:
#111827
!important;
}
.ch3-detect-badge[data-platform="youtube"] {
border-color:
rgba(255,0,51,.18)
!important;
background:
#fff7f8
!important;
color:
#be123c
!important;
}
.ch3-detect-badge[data-platform="youtube"]
.ch3-detect-dot {
background:
#ff0033
!important;
}
.ch3-detect-badge[data-platform="unsupported"] {
border-color:
rgba(245,158,11,.28)
!important;
background:
#fffbeb
!important;
color:
#a16207
!important;
}
.ch3-detect-badge[data-platform="unsupported"]
.ch3-detect-dot {
background:
#f59e0b
!important;
}
.ch3-paste-btn {
box-sizing:
border-box
!important;
display:
inline-flex
!important;
align-items:
center
!important;
justify-content:
center
!important;
height:
40px
!important;
padding:
0 13px
!important;
border:
1px solid #e2e8f0
!important;
border-radius:
11px
!important;
background:
#ffffff
!important;
color:
#334155
!important;
font:
inherit
!important;
font-size:
12px
!important;
font-weight:
800
!important;
cursor:
pointer
!important;
transition:
border-color .16s ease,
background .16s ease,
transform .16s ease
!important;
}
.ch3-paste-btn:hover {
border-color:
#cbd5e1
!important;
background:
#f8fafc
!important;
transform:
translateY(-1px)
!important;
}
.ch3-paste-btn:focus-visible {
outline:
2px solid #818cf8
!important;
outline-offset:
2px
!important;
}
#homeSmartSubmit[disabled] {
opacity:
.58
!important;
cursor:
not-allowed
!important;
box-shadow:
none
!important;
}
#homeSmartSubmit:not([disabled]) {
opacity:
1
!important;
cursor:
pointer
!important;
}
html[data-theme="dark"] .ch3-detect-badge,
html[data-theme="dark"] .ch3-paste-btn {
border-color:
#334155
!important;
background:
#111827
!important;
color:
#cbd5e1
!important;
}
html[data-theme="dark"]
.ch3-detect-badge[data-platform="tiktok"] {
color:
#f8fafc
!important;
}
@media (max-width: 760px) {
.ch3-detect-badge {
min-width:
104px
!important;
padding:
0 9px
!important;
}
.ch3-paste-btn {
padding:
0 11px
!important;
}
}
@media (max-width: 620px) {
.ch3-smart-url-row {
grid-template-columns:
1fr
!important;
}
.ch3-smart-actions {
width:
100%
!important;
justify-content:
space-between
!important;
padding:
0 3px 2px
!important;
}
.ch3-detect-badge {
flex:
1 1 auto
!important;
max-width:
none
!important;
height:
42px
!important;
}
.ch3-paste-btn {
height:
42px
!important;
min-width:
86px
!important;
}
}
.ch3-smart-url-row {
display: flex !important;
align-items: center !important;
width: 100% !important;
gap: 8px !important;
}
.ch3-smart-url-row .ch3-url-input {
flex: 1 1 0 !important;
min-width: 0 !important;
width: auto !important;
padding-left: 20px !important;
padding-right: 18px !important;
font-size: 17px !important;
font-weight: 450 !important;
letter-spacing: -.01em !important;
}
.ch3-smart-url-row .ch3-url-input::placeholder {
color: #8796ac !important;
opacity: 1 !important;
font-size: 16.5px !important;
font-weight: 450 !important;
}
.ch3-detect-badge,
.ch3-detect-dot,
#homePlatformBadge,
#homePlatformLabel {
display: none !important;
}
.ch3-paste-btn {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
min-width: 76px !important;
height: 46px !important;
padding: 0 16px !important;
border: 1px solid #dbe3ee !important;
border-radius: 12px !important;
background: #fff !important;
color: #334155 !important;
font: inherit !important;
font-size: 13px !important;
font-weight: 800 !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.ch3-paste-btn:hover {
background: #f8fafc !important;
border-color: #cbd5e1 !important;
box-shadow:
0 5px 14px rgba(15,23,42,.06) !important;
transform: translateY(-1px) !important;
}
.ch3-paste-btn:focus-visible {
outline: 2px solid #818cf8 !important;
outline-offset: 2px !important;
}
#homeSmartSubmit {
flex: 0 0 auto !important;
min-width: 145px !important;
}
#homeSmartSubmit[disabled] {
opacity: .58 !important;
cursor: not-allowed !important;
box-shadow: none !important;
}
#homeSmartSubmit:not([disabled]) {
opacity: 1 !important;
cursor: pointer !important;
}
.ch3-platforms .ch3-brand img[src*="home-instagram-white-v1.svg"],
.ch3-platforms .ch3-brand img[src*="home-facebook-white-v1.svg"],
.ch3-platforms .ch3-brand img[src*="home-pinterest-white-v1.svg"],
.ch3-platforms .ch3-brand img[src*="home-tiktok-white-v1.svg"],
.ch3-platforms .ch3-brand img[src*="home-youtube-white-v1.svg"] {
display: block !important;
width: 20px !important;
height: 20px !important;
object-fit: contain !important;
filter: none !important;
opacity: 1 !important;
pointer-events: none !important;
}
.ch3-brand.ch3-instagram {
background:
linear-gradient(
135deg,
#833ab4 0%,
#c13584 35%,
#e1306c 68%,
#f77737 100%
) !important;
}
.ch3-brand.ch3-facebook {
background: #1877f2 !important;
}
.ch3-brand.ch3-pinterest {
background: #e60023 !important;
}
.ch3-brand.ch3-tiktok {
background: #000 !important;
box-shadow:
-2px 0 0 rgba(37,244,238,.85),
2px 0 0 rgba(254,44,85,.85),
0 7px 16px rgba(0,0,0,.14) !important;
}
.ch3-brand.ch3-youtube {
background: #ff0000 !important;
box-shadow:
0 7px 16px rgba(255,0,0,.18) !important;
}
html[data-theme="dark"] .ch3-paste-btn,
body[data-theme="dark"] .ch3-paste-btn,
html.dark .ch3-paste-btn,
body.dark .ch3-paste-btn,
body.dark-mode .ch3-paste-btn {
background: #111827 !important;
border-color: #334155 !important;
color: #e2e8f0 !important;
}
@media (max-width: 700px) {
.ch3-smart-url-row {
display: grid !important;
grid-template-columns:
minmax(105px, .8fr)
minmax(150px, 1.2fr)
!important;
gap: 7px !important;
}
.ch3-smart-url-row .ch3-url-input {
grid-column: 1 / -1 !important;
width: 100% !important;
height: 55px !important;
font-size: 16px !important;
}
.ch3-smart-url-row .ch3-url-input::placeholder {
font-size: 16px !important;
}
.ch3-paste-btn {
grid-column: 1 !important;
width: 100% !important;
height: 51px !important;
}
#homeSmartSubmit {
grid-column: 2 !important;
width: 100% !important;
min-width: 0 !important;
height: 51px !important;
}
}
@media (max-width: 420px) {
.ch3-smart-url-row {
grid-template-columns: 1fr !important;
}
.ch3-smart-url-row .ch3-url-input,
.ch3-paste-btn,
#homeSmartSubmit {
grid-column: 1 !important;
}
}