.maxwidth{width: 1080px;margin: 0 auto; padding: 0 20px; }
.fb-topheader {/*margin-top: 30px;*/padding-top: 30px;}
.oi-fb-header {background: var(--darkmode-bg-color);}
/* .oi-fb-header {border-bottom: 1px solid #6A6969;} */
.fb-header {display: flex;align-items: center;margin-bottom: 17px;}
.fb-header-left {margin-right: 52px;}
.fb-header-logo {width: 188px;height: 100%;}
.oi-venture {font-size: 13px;font-weight: normal;color: var(--primary-font-color);}
.fb-header-lang{cursor: pointer;position: relative;margin-right: 60px;}
.lang-dropdown-btn {position: relative;}
.fb-header-lang-icon{background: var(--lang-icon) no-repeat 0 0;width: 24px;height: 24px;display: block;cursor: pointer;}
.lang-dropdown-btn::before{border: solid var(--font-color);border-width: 0 2px 2px 0;display: inline-block;padding: 3px;content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;top: 3px;right: -15px;-webkit-transition: all .4s ease;-ms-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.is-active .lang-dropdown-btn::before {transform: rotate(225deg);top: 6px;}
.fb-header-lang .oi-language-popup {position: absolute;width: 200px;left: 0;top: 30px;background: var(--fb-color);z-index: 1000000000;border-radius: 12px;padding: 10px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;box-shadow: 0px 4px 12px 5px #00000012;display: none;}
.is-active .dropdown-menu {display: block;}
.oi-language-popup ul li:first-child{margin-top: 0px;}
.oi-language-popup ul li:last-child{margin-bottom: 0px;}
.oi-language-popup ul li {margin: 6px 0;position: relative;}
.oi-language-popup ul li.lang-active a {color: #FFF;font-weight: bold;}
.oi-language-popup ul li a {font-size: 16px;font-weight: normal;color: #fff;line-height: 21px;padding: 6px;position: relative;display: block;}
.oi-language-popup ul li a:hover{color: var(--secondary-bg-color);}

.fb-mainhead-searchbar {width: 542px;height: 42px;margin-right: 48px;}
.fb-header-searchbox-inner {margin: auto;position: relative;}
.fb-header-searchinnericon {background: url(https://images.filmibeat.com/images/search-1735035342491.svg) no-repeat 0 0;width: 16px;height: 16px;position: absolute;left: 14px;top: 10px;z-index: 100;}
.fb-header-searchtextbox {padding: 10px 8px 10px 40px;font-size: 14px;outline: none;box-sizing: border-box;background: transparent;border-radius: 20px;border: 1px solid var(--fb-search-border);color: var(--fb-search-color);transition: all .25s ease;width: 100%; background: #ffffff0d;border-color: #ffffff1a;}

.fb-header-searchtextbox:hover {background-color: #ffffff1a;border-color: #fff3;color: #fff;}
.gd-head-profile-icon {margin-left: 22px;}
.gd-head-profile-icon, .gd-head-notify-icon {border-radius: 50%;width: 32px;height: 32px;text-align: center;line-height: 32px;}
.p-stackIcons {text-align: center;line-height: 32px;display: block;width: 32px;height: 32px;}
.gd-head-profile-icon:hover , .gd-head-notify-icon:hover {background: #ffffff0d;}
.fb-profile-icons {display: flex;align-items: center;margin-right: 22px;}
.notify-normal-icon {display: flex;width: 16px;height: 32px;background: var(--notification-icon) no-repeat center center;margin: auto;cursor: pointer;}
.p-normal-icon {display: flex;width: 16px;height: 32px;background: var(--user-icon) no-repeat center center;cursor: pointer;margin: auto;}

.fb-footer-social-links-list ul {display: flex;align-items: center;justify-content: space-between;gap: 22px;}
.fb-footer-social-links-list ul li a {border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.share {background: url(https://images.filmibeat.com/image/fb-share-1749625622578.svg) no-repeat 0 0;width: 24px;height: 24px;background-size: contain;display: block;}
.insta {background:url(../images/icns/instagram-header-icon.svg) no-repeat 0 0;width: 16px;height: 16px;background-size: contain;display: block;}
.whatsapp {background: url(../images/icns/whatsapp-header-icon.svg) no-repeat 0 0;width: 24px;height: 24px;background-size: contain;display: block;}

.fb-footer-social-links-list ul li a {border-radius: 50%;}
.fb-footer-social-links-list ul li a:hover {background: #ffffff0d;}

.fb-header-primarynav {position: relative;background: var(--darkmode-bg-color);}
.fb-header-primarynav ul{display: flex; align-items: center;justify-content: space-between;}
.fb-header-primarynav ul li {display: inline-block;width: auto;vertical-align: middle;margin-right: 15px;}
.fb-header-primarynav ul li:last-child{margin-right: 0px;}
.fb-header-primarynav ul li a {text-transform: capitalize;font-size: 18px;color: var(--fb-menu-color);font-weight: 500;padding: 8px;padding-bottom: 15px;position: relative;line-height: 21px;display: block;}
.fb-header-primarynav ul li#home a, .fb-header-primarynav ul li a.active {border-bottom: 4px solid var(--fb-color);}
.oi-fb-header-morenavigation {display: none;}
.fb-header-primarynav ul li.more-links a i {background: url(https://images.filmibeat.com/images/more-dott-1735035067207-1749728587917.svg) no-repeat 0 0;width: 25px;height: 25px;display: inline-block;vertical-align: middle;}
.actv-span {background: var(--fb-color);padding: 8px 30px !important;border-radius: 25px;top: -5px;position: relative;}
.fb-header-primarynav .oi-fb-header-morenavigation {display: none;clear: both;position: absolute;right: 0px;width: 150px;top: 45px;background: #1f2937;padding: 18px 18px 23px 26px;z-index: 11111111;border: 1px solid #1D252F;}
.is-active .oi-fb-header-morenavigation {display: block;}
.oi-fb-header-morenavigation ul{display: block !important;}
.fb-header-primarynav .oi-fb-header-morenavigation ul li {padding: 10px 0px;margin-right: 0px;display: block;}
.fb-header-primarynav .oi-fb-header-morenavigation ul li:first-child {padding-top: 0px;}
.fb-header-primarynav .oi-fb-header-morenavigation ul li a {color: #FFF;font-size: 16px;font-weight: 700;line-height: 14px;padding: 0;}
.fb-header-primarynav .oi-fb-header-morenavigation ul li:last-child {padding-bottom: 0px;}
.fb-header-primarynav .oi-fb-header-morenavigation ul li a:hover{color: #FFF;}


/* Footer-css */
/* .fb-footer-wrapper {border-top: 2px solid #1f2937;margin-top: 48px;padding-bottom: 52px;} */
.fb-site-footer-logo {width: 175px;}
.fb-site-outerblock{display: flex;align-items: flex-start;justify-content: space-between;}
.fb-site-col{flex: 0 0 25%;}
.fb-site-head{font-size: 15px;font-weight: 500;line-height: 22.5px;padding-bottom: 16px;color: var(--color-white);}
.fb-site-lang ul li, .fb-site-links ul li, .fb-other-child-sites ul li{list-style-type: none;padding: 5px 0;line-height: 19px;}
.fb-site-lang ul li a{line-height: 21px;font-size: 15px;color: var(--color-white);text-decoration: none;padding: 10px 0;display: block;-moz-transition: color .3s ease-in-out 0s;-webkit-transition: color .3s ease-in-out 0s;-o-transition: color .3s ease-in-out 0s;-ms-transition: color .3s ease-in-out 0s;transition: color .3s ease-in-out 0s;}
.fb-site-links ul li a{font-size: 14px;line-height: 21px;font-weight: 300; color: var(--color-white);text-decoration: none;-moz-transition: translate(0, 0);-webkit-transition: translate(0, 0);-o-transition: translate(0, 0);-ms-transition: translate(0, 0);transition: color .3s ease-in-out 0s;}
.fb-other-child-sites ul li a.clickin-logo{background: url(https://images.filmibeat.com/images/clickin-logo-off1-1735221611929.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.boldsky-logo{background: url(https://images.filmibeat.com/images/boldsky-logo-off-1729676069884-1735222154873.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.drivespark-logo{background: url(https://images.filmibeat.com/images/drivespark-logo-off1-1735222154960.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.gizbot-logo{background: url(https://images.filmibeat.com/images/gizbot-logo-off1-1735222120773.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.goodreturns-logo{background: url(https://images.filmibeat.com/image/goodreturns-logo-off-1729676069936-1735222098833.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.nativeplanet-logo{background: url(https://images.filmibeat.com/images/nativeplanet-logo-off1-1735222060158.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.careerindia-logo{background: url(https://images.filmibeat.com/images/careerindia-logo-off1-1735222025814.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.clickin-logo, .fb-other-child-sites ul li a.clickin-logo span{height: 20px;}
.fb-other-child-sites ul li a.boldsky-logo, .fb-other-child-sites ul li a.boldsky-logo span {height: 32px;}
.fb-other-child-sites ul li a.gizbot-logo, .fb-other-child-sites ul li a.gizbot-logo span {height: 22px;}
.fb-other-child-sites ul li a.nativeplanet-logo, .fb-other-child-sites ul li a.nativeplanet-logo span {height: 30px;}
.fb-other-child-sites ul li a.careerindia-logo, .fb-other-child-sites ul li a.careerindia-logo span {height: 30px;}
.fb-other-child-sites ul li a span {left: -200px;position: absolute;width: 100%;text-indent: -99999px;-moz-transition: left .3s ease-in-out 0s;-webkit-transition: left .3s ease-in-out 0s;-o-transition: left .3s ease-in-out 0s;-ms-transition: left .3s ease-in-out 0s;transition: left .3s ease-in-out 0s;height: 26px;display: block;}
.fb-other-child-sites ul li a:hover span {left: 0;}
.fb-other-child-sites ul li a {width: 130px;height: 26px;position: relative;overflow: hidden;text-align: left;display: block;}
.fb-other-child-sites ul li:nth-child(3) {
display: none;
}

.fb-other-child-sites ul li a.clickin-logo:hover span{background: url(https://images.filmibeat.com/images/clickin-logo-on1-1735222998337.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.boldsky-logo:hover span{background: url(https://images.filmibeat.com/images/boldsky-logo-1729676069794-1735222998338.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.drivespark-logo:hover span{background: url(https://images.filmibeat.com/images/drivespark-logo-on1-1735222998338.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.gizbot-logo:hover span{background: url(https://images.filmibeat.com/images/gizbot-logo-on1-1735222998439.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.goodreturns-logo:hover span{background: url(https://images.filmibeat.com/images/goodreturns-logo-1729676069934-1735222998440.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.nativeplanet-logo:hover span{background: url(https://images.filmibeat.com/images/nativeplanet-logo-on1-1735222998449.svg) no-repeat 0 0;}
.fb-other-child-sites ul li a.careerindia-logo:hover span{background: url(https://images.filmibeat.com/images/careerindia-logo-on1-1735222998504.svg) no-repeat 0 0;}

.fb-other-state-details .fb-footer-social-links-list ul{justify-content: flex-start;}

.fb-footer-links {font-size: 16px;color:var(--color-white) ;text-align: center;padding: 5px;}
.fb-footer-links a {color: var(--color-white);text-decoration: none;transition: color .3s linear 0s;line-height: 24px;font-weight: 500;}
.fb-copyright-text {font-size: 16px;color: var(--color-white);text-align: center;padding: 5px;padding-top: 17px;font-weight: 500;line-height: 24px;}

.arrow-iconright{background: url(https://images.filmibeat.com/images/arrow-iconright-1735814511711.svg) 0 0 no-repeat;display: inline-block;margin-right: 5px;width: 6px;height: 11px;}
.fb-site-links ul li a:hover{color: #E91240;}
.fb-site-links ul li a:hover i{-moz-transform: translate(0, 0);-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-moz-animation: moveright 800ms 1;-webkit-animation: moveright 800ms 1;animation: moveright 800ms 1;}

.lang-arrow{background: url(https://images.filmibeat.com/images/arrow-iconright-1735814511711.svg) 0 0 no-repeat;display: inline-block;margin-right: 5px;width: 6px;height: 11px;opacity: 0;}
.fb-site-lang ul li a:hover{color: #E91240;}
.fb-site-lang ul li a:hover i{opacity: 1; -moz-transform: translate(0, 0);-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-moz-animation: moveright 800ms 1;-webkit-animation: moveright 800ms 1;animation: moveright 800ms 1;position: relative;left: 5px;}
@-moz-keyframes
moveright{50%{-moz-transform:translate(20px,0);-webkit-transform:translate(20px,0);-o-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0)}51%{opacity:0}52%{-moz-transform:translate(-20px,0);-webkit-transform:translate(-20px,0);-o-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);opacity:.1}100%{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}}
@-webkit-keyframes
moveright{50%{-moz-transform:translate(20px,0);-webkit-transform:translate(20px,0);-o-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0)}51%{opacity:0}52%{-moz-transform:translate(-20px,0);-webkit-transform:translate(-20px,0);-o-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);opacity:.1}100%{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}}
input:focus{outline:none}


/*
* Header Social icons styles
*/
.fb-footer-social-links-list ul li a {width: 32px;height: 32px;}
.footer-social-icon.x {background: url(../images/icns/x-header-icon.svg) no-repeat 0 0;width: 16px;height: 16px;background-size: contain;display: inline-block;vertical-align: middle;}
.footer-social-icon.facebook {background: url(../images/icns/facebook-header-icon.svg) no-repeat 0 0;width: 16px;height: 16px;background-size: contain;display: inline-block;vertical-align: middle;}
.footer-social-icon.instagram {background: url(../images/icns/instagram-header-icon.svg) no-repeat 0 0;width: 16px;height: 16px;background-size: contain;display: inline-block;vertical-align: middle;}
.footer-social-icon.youtube {background: url(../images/icns/youtube-header-icon.svg) no-repeat 0 0;width: 22px;height: 16px;background-size: contain;display: inline-block;vertical-align: middle;}
.footer-social-icon.share {background: url(../images/icns/share-header-icon.svg) no-repeat 0 0;width: 16px;height: 16px;background-size: contain;display: inline-block;vertical-align: middle;}
.footer-social-icon.whatsapp {background: url(../images/icns/whatsapp-header-icon.svg) no-repeat 0 0;width: 16px;height: 16px;background-size: contain;display: inline-block;vertical-align: middle;}


.fb-profile-icons {margin-left: 55px;}
.fb-header-primarynav ul li.more-links a {padding-right: 0;}
.fb-header-primarynav ul li.more-links a i {background-position: right 0;}

.fb-footer-social-links-list ul li a {transform: translateZ(0);will-change: transform;transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .2s;transition-timing-function: cubic-bezier(.25,.46,.45,.94);}
.fb-footer-social-links-list ul li a:hover {--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;  --tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.fb-footer-social-links-list ul li a:hover .footer-social-icon.x {background: url(../images/icns/x-header-icon-active.svg) no-repeat 0 0;}
.fb-footer-social-links-list ul li a:hover .footer-social-icon.share {background: url(../images/icns/share-header-icon-active.svg) no-repeat 0 0;}
.fb-footer-social-links-list ul li a:hover .footer-social-icon.whatsapp {background: url(../images/icns/whatsapp-header-icon-active.svg) no-repeat 0 0;}

.fb-footer-social-links-list ul li a:hover .footer-social-icon.facebook {background: url(../images/icns/facebook-header-icon-active.svg) no-repeat 0 0;}
.fb-footer-social-links-list ul li a:hover .footer-social-icon.youtube {background: url(../images/icns/youtube-header-icon-active.svg) no-repeat 0 0;}


.gd-head-profile-icon, .gd-head-notify-icon, .oi-mode-switch {transform: translateZ(0);will-change: transform;transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .2s;transition-timing-function: cubic-bezier(.25,.46,.45,.94);}
.gd-head-profile-icon:hover , .gd-head-notify-icon:hover, .oi-mode-switch:hover {--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;  --tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));} 

.notify-active-icon{display: flex;width: 16px;height: 32px;margin: auto;cursor: pointer;}

.notify-normal-icon {background: url(../images/icns/notification-on.svg) no-repeat center center;}
.notify-active-icon {background: url(../images/icns/notification-off.svg) no-repeat center center;}
.p-normal-icon {background: url(../images/icns/profile-header-icon.svg) no-repeat center center;}

.gd-head-notify-icon:hover .notify-normal-icon{background: url(../images/icns/notification-on-active.svg) no-repeat center center;}
.gd-head-notify-icon:hover .notify-active-icon{background: url(../images/icns/notification-off-active.svg) no-repeat center center;}

.gd-head-profile-icon:hover .p-normal-icon {background: url(../images/icns/profile-header-icon-active.svg) no-repeat center center;}

.fb-footer-social-links-list ul li a:hover .insta {background:url(../images/icns/instagram-header-icon-active.svg) no-repeat 0 0;}

/*
* New Footer style
*/

.fb-footer-wrapper{
background: linear-gradient(to bottom, #111827, #0a0e1a);
color: #9ca3af;
padding-top: 64px;
padding-bottom: 32px;
/* padding-left: 16px;
padding-right: 16px; */
border-top: 1px solid #1f2937;
margin-top: 48px
}

.fb-footer-grid{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 3rem;
}

.fb-footer-logo-section{
margin-bottom: 24px;
}

.fb-site-footer-logo{
margin-bottom: 24px;
}

.fb-footer-logo-section p{  
text-align: left;  
line-height: 1.625; 
color: #d1d5db; 
font-weight: 500;
font-size: 14px;
}


.fb-footer-list-container .fb-footer-list__heading{
color: #ffffff;              
font-size: 16px;  
font-weight: 600;  
margin-bottom: 24px;
/* letter-spacing: -0.015625em;  */
}

.fb-footer-list .fb-footer-list__item{
margin-bottom: 18px;
}

.fb-footer-list .fb-footer-list__item:last-child{
margin-bottom: 0px;
}

.fb-footer-list__link{
display: inline-block;
font-weight: 500; 
font-size: 14px; 
color: #9CA3AF;
text-decoration: none;
transition: all 0.3s ease;
}

.fb-footer-list__link:hover {
color: #f87171; 
transform: translateX(0.25rem); 
}

.fb-footer-list__link:focus {
outline: 2px solid #f87171; 
outline-offset: 2px;
}

.footer-divider{
border: none;
border-top: 1px solid #FFFFFF1A;
margin: 48px 0;
}

.fb-footer-copy {
text-align: center;
color: #9ca3af; 
font-weight: 500; 
font-size: 14px;
line-height: 1.25rem;
}


/*
 * Mode Switch Styles
 */

.oi-mode-switchwrapper {border-radius: 50%;display: inline-block;margin: 0 20px;cursor: pointer;}
.oi-mode-switch {position: relative;margin: 0 auto;cursor: pointer;height: 32px;width: 32px;appearance: none;-webkit-appearance: none;}
.oi-mode-switchwrapper:hover {background-color: #ffffff0d;border-color: #fff3;}
.oi-mode-switch span {border-radius: 50%;position: absolute;display: inline-block;top: 0px;transition: transform .3s ease-in-out;}

.oi-mode-dark {z-index: 3;position: absolute;width: 16px;height: 16px;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.oi-mode-light {z-index: 3;position: absolute;width: 16px;height: 16px;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}

.oi-mode-dark:after {width: 11px;height: 11px;background: url(../images/dark-mode-icon.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;content: '';z-index: 1;}
.oi-mode-light:after {width: 15px;height: 15px;background: url(../images/light-mode-icon.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;content: '';z-index: 1;background-size: contain;}

.theme-dark .oi-mode-light:after {background: url(../images/light-mode-icon.svg) no-repeat 0 0;background-size: contain;}
.theme-light .oi-mode-switch span {}
.theme-light .oi-mode-dark:after {background: url(../images/dark-mode-icon.svg) no-repeat 0 0;background-size: contain;}

.theme-light .oi-mode-dark {display: none;}
.theme-dark .oi-mode-light {display: none;}


.oi-mode-light, .oi-mode-dark {width: 20px;height: 20px;}
.oi-mode-light:after {background: url(../images/icns/lightmode-header-icon.svg) no-repeat 0 0;width: 20px;height: 20px;}
.oi-mode-switch:hover .oi-mode-light::after {background: url(../images/icns/lightmode-header-icon-active.svg) no-repeat 0 0;}
.oi-mode-dark:after {background: url(../images/icns/darkmode-header-icon.svg) no-repeat 0 0;width: 20px;height: 20px;}
.oi-mode-switch:hover .oi-mode-dark:after {background: url(../images/icns/darkmode-header-icon-active.svg) no-repeat 0 0;}



/*
.oi-mode-switchwrapper {border-radius: 50%;display: inline-block;margin: 0 20px;padding: 5px;cursor: pointer;}
.oi-mode-switch {position: relative;margin: 0 auto;cursor: pointer;height: 32px;width: 32px;appearance: none;-webkit-appearance: none;}
.oi-mode-switchwrapper:hover {background-color: #ffffff1a;border-color: #fff3;}
.oi-mode-switch span {background: #fff;border-radius: 50%;position: absolute;border-radius: 4px;display: inline-block;width: 19px;height: 19px;inset-inline: -34px auto;top: 0px;transform: translateX(34px);transition: transform .3s ease-in-out;}

.oi-mode-dark {z-index: 3;position: absolute;top: 1px;width: 16px;height: 16px;inset-inline: auto 39px;}
.oi-mode-light {z-index: 3;position: absolute;top: 1px;width: 16px;height: 16px;inset-inline: 37px auto;}

.oi-mode-dark:after {width: 11px;height: 11px;background: url(../images/icons/dark-active.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;content: '';z-index: 1;}
.oi-mode-light:after {width: 15px;height: 15px;background: url(../images/icons/light-active.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;content: '';z-index: 1;background-size: contain;}

.theme-dark .oi-mode-light:after {background: url(../images/icons/light-inactive.svg) no-repeat 0 0;background-size: contain;}
.theme-light .oi-mode-switch span {transform: translateX(70px);}
.theme-light .oi-mode-dark:after {background: url(../images/icons/dark-inactive.svg) no-repeat 0 0;background-size: contain;}

.theme-light .oi-mode-dark {display: none;}
.theme-dark .oi-mode-light {display: none;}
*/