.wkit-wb-Widget_kz81mc25 .wkit-hbgr-menu-cover {
display: flex;
justify-content: flex-end;
position: relative;
z-index: 3;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn {
cursor: pointer;
display: flex;
gap: 10px;
align-items: center;
padding: 15px;
height: fit-content;
background: #000;
border-radius: 14px;
position: relative;
z-index: 10;
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-outer,
.wkit-hbgr-opt-in {
box-sizing: border-box;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn:hover .wkit-menu-line {
margin: inherit;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-name {
display: flex;
flex-direction: column;
line-height: 1.3;
height: calc(1em * 1.3);
overflow: hidden;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-name {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
will-change: transform;
white-space: nowrap;
transition: all .6s cubic-bezier(.23, 1, .32, 1);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-name .wkit-hbgr-mntxt {
padding-right: 5px;
flex-shrink: 0;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-name span {
color: #fff;
transition: all .6s cubic-bezier(.23, 1, .32, 1);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn.wkit-hbgr-active .wkit-hbgr-name {
transform: translateY(-50%);} .wkit-hbgr-btn-cover.mini-text-style-2 .wkit-hbgr-btn.wkit-hbgr-active .wkit-hbgr-name {
transform: translateX(-100%);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-cover.mini-text-style-2 .wkit-hbgr-btn-name {
flex-direction: row;
height: 1.3em; overflow: hidden;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-cover.mini-text-style-2 .wkit-hbgr-name {
flex-direction: row;
align-items: center;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-cover.mini-text-style-2 .wkit-hbgr-btn.wkit-hbgr-active .wkit-hbgr-clstxt {
transform: translateY(0);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-cover.mini-text-style-2 .wkit-hbgr-btn:not(.wkit-hbgr-active) .wkit-hbgr-name {
transform: translateX(0);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn.wkit-hbgr-active .wkit-menu-line {
margin: inherit;}#wkit-toggle-icon {
--wkit-bar-gap: 8px;
--wkit-bar-height: 2px;
width: 25px;
height: calc((var(--wkit-bar-gap) * 2) + (var(--wkit-bar-height) * 3));
position: relative;
margin: auto;
cursor: pointer;
transition: 0.5s ease-in-out;}.wkit-wb-Widget_kz81mc25 .wkit-menu-icon-styles {
margin-top: 5px;}.wkit-wb-Widget_kz81mc25 .wkit-menu-icon-styles.style-1 .wkit-hbgr-icon {
display: none;}.wkit-wb-Widget_kz81mc25 .wkit-menu-icon-styles.style-1 #wkit-toggle-icon {
display: block;}.wkit-wb-Widget_kz81mc25 .wkit-menu-icon-styles.style-2 .wkit-hbgr-icon {
display: flex;}.wkit-wb-Widget_kz81mc25 .wkit-menu-icon-styles.style-2 #wkit-toggle-icon {
display: none;}#wkit-toggle-icon .wkit-toggle-bar {
position: absolute;
width: 100%;
height: var(--wkit-bar-height);
background: #ffffff;
border-radius: 9px;
left: 0;
transition: 0.25s ease-in-out;}#wkit-toggle-icon .wkit-toggle-bar:nth-child(1) {
top: 0;}#wkit-toggle-icon .wkit-toggle-bar:nth-child(2),
#wkit-toggle-icon .wkit-toggle-bar:nth-child(3) {
top: var(--wkit-bar-gap);}#wkit-toggle-icon .wkit-toggle-bar:nth-child(4) {
top: calc(var(--wkit-bar-gap) * 2);}#wkit-toggle-icon.wkit-open .wkit-toggle-bar:nth-child(1),
#wkit-toggle-icon.wkit-open .wkit-toggle-bar:nth-child(4) {
width: 0;
left: 50%;
top: var(--wkit-bar-gap);}#wkit-toggle-icon.wkit-open .wkit-toggle-bar:nth-child(2) {
transform: rotate(45deg);}#wkit-toggle-icon.wkit-open .wkit-toggle-bar:nth-child(3) {
transform: rotate(-45deg);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-mntxt:empty,
.wkit-hbgr-clstxt:empty {
display: none;}.wkit-wb-Widget_kz81mc25 .wkit-mini-social-cover {
display: none;}.wkit-wb-Widget_kz81mc25 .wkit-mini-social-cover.icons-yes {
display: flex;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-name:has(.wkit-hbgr-mntxt:empty) {
display: none;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-btn-name:has(.wkit-hbgr-clstxt:empty) {
display: none;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-icon {
width: 26px;
height: 26px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;}.wkit-wb-Widget_kz81mc25 .wkit-menu-line {
position: absolute;
width: 26px;
height: 2px;
background: #fff;
transition: all .6s cubic-bezier(.23, 1, .32, 1);}.wkit-wb-Widget_kz81mc25 .wkit-menu-line:first-child {
margin-bottom: 8px;}.wkit-wb-Widget_kz81mc25 .wkit-menu-line:last-child {
margin-top: 8px;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover {
position: absolute;
top: 70px;
right: 0;
overflow: visible;
z-index: 9;
isolation: isolate;
contain: paint;}.wkit-wb-Widget_kz81mc25 .wkit-mini-btn-link {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
gap: 10px;
background-color: #c1c1c1;
color: #000000;
padding: 10px;
white-space: nowrap;
border-radius: 10px;
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-mini-btn-link:hover {
background-color: #d9d9d9;}.wkit-wb-Widget_kz81mc25 .wkit-minibtm-btn-icon svg {
width: 30px;
height: 100%;
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover.wkit-hbgr-open {
transform: scale(1);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-open {
opacity: 1;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-in {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background-color: #0e0e0e;
width: 100%;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-outer {
overflow: hidden;
opacity: 0;
position: relative;
width: 106px;
transform-origin: top;
border-radius: 14px;
clip-path: inset(0 0 100% 0);
transition: clip-path 0.55s cubic-bezier(.42, 0, .58, 1),
opacity 0.4s ease;
will-change: clip-path;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-open .wkit-hbgr-opt-outer {
backdrop-filter: blur(var(--bg-blur));
--bg-blur: 10px;
pointer-events: auto;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover.wkit-hbgr-open .wkit-hbgr-opt-outer {
clip-path: inset(0 0 0 0);
opacity: 1;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-inner>li {
flex: 0 0 auto;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-open .wkit-hbgr-opt-in {
opacity: 1;
transition-delay: 0s;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover:not(.wkit-hbgr-open) .wkit-hbgr-opt-in {
opacity: 0;
transition-delay: .45s;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover:not(.wkit-hbgr-open) {
pointer-events: none;}.wkit-wb-Widget_kz81mc25 .wkit-mini-link-inner {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
opacity: 0;
transform: translateY(24px);
transition:
opacity 0.45s ease,
transform 0.45s cubic-bezier(.23, 1, .32, 1);
transition-delay: 0s;
will-change: transform, opacity;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover.wkit-hbgr-open .wkit-mini-link-inner {
opacity: 1;
transform: translateY(0);
transition-delay: 0.3s;}.wkit-wb-Widget_kz81mc25 .wkit-mini-sc-links-cover {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;}.wkit-wb-Widget_kz81mc25 .wkit-mini-sc-links-cover a {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-mini-sc-links-cover svg {
width: 30px;
height: 100%;
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-mini-sc-links-cover a i {
color: #FFF;
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-mini-sc-links-cover a:hover i {
color: #ffffff;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover:not(.wkit-hbgr-open) .wkit-mini-link-inner {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.45s ease, transform 0.45s cubic-bezier(.23, 1, .32, 1);
transition-duration: 0.4s;
transition-delay: 0.3s;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-cover .wkit-hbgr-opt-inner {
position: relative;
list-style: none;
padding: 20px;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 1;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt-inner .wkit-hbgr-opt {
opacity: 0;
display: flex;
flex-direction: column;
transform: translateY(10px);
transition: opacity .35s ease, transform .35s ease;
transition-delay: .3s;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-open .wkit-hbgr-opt-inner .wkit-hbgr-opt {
opacity: 1;
transform: translateY(0);}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt {
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt a {
text-decoration: none;
color: #808080;
transition: .2s linear;}.wkit-wb-Widget_kz81mc25 .wkit-hbgr-opt:hover a {
color: #ffffff;}.wkit-wb-Widget_kz81mc25 .wkit-close-menu-bg {
position: fixed;
inset: 0;
width: 100%;
height: 100vh;
display: none;
z-index: 2;}.wkit-wb-Widget_kz81mc25 a.wkit-mini-btn-link[href=""],
a.wkit-mini-btn-link:not([href]) {
display: none;}