:is([data-public-layout],[data-traffic-layout]){--public-header-height: calc(100px + env(safe-area-inset-top)) ;--public-header-row-height: 56px;--public-header-offset: calc(var(--public-header-row-height) + 44px + env(safe-area-inset-top));--public-header-control-height: 44px;--public-header-logo-height: 24px;--public-header-avatar-size: 24px;--public-header-motion: .22s cubic-bezier(.22, 1, .36, 1)}:is([data-public-layout],[data-traffic-layout])[data-header-compact]{--public-header-row-height: 48px;--public-header-control-height: 44px;--public-header-logo-height: 20px;--public-header-avatar-size: 22px}.public-header{height:var(--public-header-offset);padding-top:env(safe-area-inset-top);transition:height var(--public-header-motion),background-color var(--public-header-motion)}[data-header-compact] .public-header{background-color:color-mix(in srgb,var(--background) 95%,transparent)}.public-header-row{height:var(--public-header-row-height);transition:height var(--public-header-motion)}.public-header .public-header-control{height:var(--public-header-control-height);min-height:0;transition:height var(--public-header-motion),background-color .15s,color .15s}.public-header :is(.public-header-pricing,.public-header-sign-in){--header-button-face: var(--primary);--header-button-shadow: #f8f6ee;padding-inline:12px;border:2px solid #050607;border-radius:10px;background:var(--header-button-face);color:#050607;box-shadow:3px 3px 0 var(--header-button-shadow);font-size:12px;font-weight:750;transition:height var(--public-header-motion),transform .15s ease,box-shadow .15s ease}.public-header .public-header-sign-in{--header-button-face: #f8f6ee;--header-button-shadow: var(--primary)}.public-header :is(.public-header-pricing,.public-header-sign-in):hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--header-button-shadow)}.public-header :is(.public-header-pricing,.public-header-sign-in):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--header-button-shadow)}.public-header :is(.public-header-pricing,.public-header-sign-in):focus-visible{outline:2px solid var(--header-button-shadow);outline-offset:4px}.public-header-logo{height:var(--public-header-logo-height);max-height:var(--public-header-logo-height);transition:height var(--public-header-motion)}.public-header .public-header-avatar{width:var(--public-header-avatar-size);height:var(--public-header-avatar-size);transition:width var(--public-header-motion),height var(--public-header-motion)}.public-header-follow{transition:top var(--public-header-motion)}.public-header .public-template-menu-panel{padding:16px}.public-header .public-template-menu-heading{margin-bottom:10px}.public-header .public-template-menu-heading>span{font-size:12px}.public-header .public-template-menu-heading>a{font-size:11px}.public-header .public-template-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.public-header .public-template-menu-item{min-height:56px;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:8px;border-radius:10px}.public-header .public-template-menu-thumbnail{width:36px;height:36px;border-radius:10px}.public-header .public-template-menu-item strong{font-family:var(--font-body-family);font-size:13px;font-weight:500;line-height:18px;overflow-wrap:anywhere}@media(min-width:64rem){:is([data-public-layout],[data-traffic-layout]){--public-header-row-height: 52px;--public-header-control-height: 32px;--public-header-height: 52px;--public-header-offset: var(--public-header-row-height)}:is([data-public-layout],[data-traffic-layout])[data-header-compact]{--public-header-row-height: 36px;--public-header-control-height: 28px}.public-header{padding-top:0}}@media(prefers-reduced-motion:reduce){.public-header :is(.public-header-pricing,.public-header-sign-in){transition:none}.public-header :is(.public-header-pricing,.public-header-sign-in):is(:hover,:active){transform:none}:is([data-public-layout],[data-traffic-layout]){--public-header-motion: 0ms}}@keyframes credit-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes daily-credit-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
