@import url(app.css);@font-face{font-family:merit;src:url(../fonts/10.woff)format("woff");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:merit!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-wheel:before{content:""}.icon-crown:before{content:""}.icon-aviatrix:before{content:""}.icon-award:before{content:""}.icon-user:before{content:""}.icon-comment:before{content:""}.icon-movie:before{content:""}.icon-mk:before{content:""}.icon-user-plus:before{content:""}.icon-login:before{content:""}.icon-gamepad:before{content:""}.icon-virtual:before{content:""}.icon-tv-retro:before{content:""}.icon-pilot:before{content:""}.icon-rocket:before{content:""}.icon-gifts:before{content:""}.icon-megaphone:before{content:""}.icon-cherry:before{content:""}.icon-handshake:before{content:""}.icon-gift-light:before{content:""}.icon-cards:before{content:""}.icon-slot-machine-light:before{content:""}.icon-plane-departure:before{content:""}.icon-astronaut:before{content:""}.icon-android:before{content:""}.icon-apple:before{content:""}.icon-club:before{content:""}.icon-diamond-alt:before{content:""}.icon-heart:before{content:""}.icon-spade:before{content:""}.icon-trophy:before{content:""}.icon-gift:before{content:""}.icon-calendar:before{content:""}.icon-envelope:before{content:""}.icon-star:before{content:""}.icon-bingo:before{content:""}.icon-home:before{content:""}.icon-live:before{content:""}.icon-tv-live:before{content:""}.icon-zeplin:before{content:""}.icon-telegram:before{content:""}.icon-whatsapp:before{content:"";color:#25d366}.icon-boss:before{content:"\e9b6"}.icon-bosssports:before{content:"\E97E"}.icon-raffle:before{content:"\e9b4"}.icon-sack:before{content:"\E9A8"}.icon-headset:before{content:"\E966"}.icon-arrow-right:before{content:"\E991"}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@media (min-width:1024px){}@media (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}a{color:inherit;font-weight:500;white-space:nowrap;text-decoration:none;-webkit-transition:all .2s ease;transition:all .2s ease}@media (hover:hover) and (min-width:1024px){a:hover{color:#ebb058}}a.active{color:#ebb058}button{border:none;outline:none;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:600;font-size:inherit;text-align:center;white-space:nowrap;font-family:inherit;background-color:unset}button:disabled{cursor:not-allowed;color:hsla(0,0%,100%,.38)}.btn{font-size:.875rem;border-radius:5px;-webkit-transition:background-color,color .2s ease;transition:background-color,color .2s ease}.btn:disabled,.btn:hover:disabled{cursor:not-allowed;color:hsla(0,0%,100%,.38);background-color:#0e2258}.btn--flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}.app-drawer__root{position:fixed;left:0;right:0;bottom:0;top:var(--header-height);pointer-events:none;z-index:1000}.app-drawer__backdrop{position:fixed;top:0;left:0;right:0;bottom:0}.app-drawer__backdrop:before{position:relative;top:var(--header-height);display:block;content:"";width:100%;height:calc(100% - var(--header-height));background-color:rgba(0,0,0,.5);-webkit-tap-highlight-color:transparent}.app-drawer{position:absolute;height:100%;overflow-y:overlay;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 225ms cubic-bezier(.4,0,.2,1) 0ms;transition:-webkit-transform 225ms cubic-bezier(.4,0,.2,1) 0ms;transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms;transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform 225ms cubic-bezier(.4,0,.2,1) 0ms;padding-bottom:env(safe-area-inset-bottom);scrollbar-width:none;-ms-overflow-style:none}.app-drawer::-webkit-scrollbar{display:none}.app-drawer--primary{background-color:#0e1f4e}.app-drawer.app-drawer--default{width:300px}.app-drawer.app-drawer--default.app-drawer--left{left:calc(-300px - 1rem)}footer.app-footer{background-color:#091840}.outlined-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:20px;height:28px;border:1px solid #fff;-webkit-transition:color,border-color,background .2s ease;transition:color,border-color,background .2s ease}.outlined-link i{position:absolute}.outlined-link i.outlined-link__icon-l{left:.5rem}.outlined-link span{display:block;padding-bottom:.125rem}@media (hover:hover) and (min-width:1024px){.outlined-link:hover{border-color:#ebb058}}@media (min-width:1024px){.outlined-link--xl{font-size:1rem;font-weight:700;border-radius:30px;height:32px}.outlined-link--xl i.icon--md{position:absolute}.outlined-link--xl i.icon--md.outlined-link__icon-l{left:.75rem}}.outlined-link--gradient{border:none;color:#fff;background-color:unset;background:-webkit-gradient(linear,left top,left bottom,from(#091840),to(#ca113d));background:linear-gradient(180deg,#091840 0,#ca113d)}@media (hover:hover) and (min-width:1024px){.outlined-link--gradient:hover{color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#ca113d),to(#ca113d));background:linear-gradient(180deg,#ca113d 0,#ca113d)}}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}.outlined-link--primary{color:#fff;border-color:#1b3a8e;background-color:#0e2258}@media (hover:hover) and (min-width:1024px){.outlined-link--primary:hover{color:#fff;border-color:#fff}}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@media (hover:hover) and (min-width:1024px){}@-webkit-keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounce-out{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes bounce-out{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes slide-out{0%{-webkit-transform:perspective(100rem) rotateY(-30deg) translateX(0);transform:perspective(100rem) rotateY(-30deg) translateX(0)}30%{-webkit-transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0);transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0)}to{z-index:2;-webkit-transform:perspective(100rem) rotateY(0) translateZ(10rem);transform:perspective(100rem) rotateY(0) translateZ(10rem)}}@keyframes slide-out{0%{-webkit-transform:perspective(100rem) rotateY(-30deg) translateX(0);transform:perspective(100rem) rotateY(-30deg) translateX(0)}30%{-webkit-transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0);transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0)}to{z-index:2;-webkit-transform:perspective(100rem) rotateY(0) translateZ(10rem);transform:perspective(100rem) rotateY(0) translateZ(10rem)}}@-webkit-keyframes slide-in{0%{z-index:2;-webkit-transform:perspective(100rem) rotateY(0) translateZ(10rem);transform:perspective(100rem) rotateY(0) translateZ(10rem)}60%{z-index:2;-webkit-transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0);transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0)}to{-webkit-transform:perspective(100rem) rotateY(-30deg) translate(0);transform:perspective(100rem) rotateY(-30deg) translate(0)}}@keyframes slide-in{0%{z-index:2;-webkit-transform:perspective(100rem) rotateY(0) translateZ(10rem);transform:perspective(100rem) rotateY(0) translateZ(10rem)}60%{z-index:2;-webkit-transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0);transform:perspective(100rem) rotateY(-30deg) translate3d(4rem,0,0)}to{-webkit-transform:perspective(100rem) rotateY(-30deg) translate(0);transform:perspective(100rem) rotateY(-30deg) translate(0)}}.awards{display:grid;margin:1rem 0;padding:.75rem;grid-gap:.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;background-color:#ca113d;grid-template-columns:repeat(6,minmax(0,1fr))}.awards h2{color:#fff;grid-row:1/2;grid-column:span 3}.awards article{grid-row:2/3;grid-column:span 3}.awards article p{font-size:.75rem;font-weight:600;margin-bottom:.5rem}.awards article p:last-child{margin-bottom:0}.awards img{display:block;grid-row:1/3;width:100%;max-width:150px;-ms-flex-item-align:center;align-self:center;justify-self:center}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale3d(.5,.5,1);transform:translate(-50%,-50%) scale3d(.5,.5,1)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale3d(1.5,1.5,1);transform:translate(-50%,-50%) scale3d(1.5,1.5,1)}}@keyframes ripple{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale3d(.5,.5,1);transform:translate(-50%,-50%) scale3d(.5,.5,1)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale3d(1.5,1.5,1);transform:translate(-50%,-50%) scale3d(1.5,1.5,1)}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:drop-shadow(0 0 0#ebb058);filter:drop-shadow(0 0 0#ebb058)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-filter:drop-shadow(0 0 25px #ebb058);filter:drop-shadow(0 0 25px #ebb058)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:drop-shadow(0 0 0#ebb058);filter:drop-shadow(0 0 0#ebb058)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-filter:drop-shadow(0 0 25px #ebb058);filter:drop-shadow(0 0 25px #ebb058)}}@-webkit-keyframes filterdrop{0%{-webkit-filter:drop-shadow(0 0 0#ebb058);filter:drop-shadow(0 0 0#ebb058)}50%{-webkit-filter:drop-shadow(0 0 15px #ebb058);filter:drop-shadow(0 0 15px #ebb058)}to{-webkit-filter:drop-shadow(0 0 0#ebb058);filter:drop-shadow(0 0 0#ebb058)}}@keyframes filterdrop{0%{-webkit-filter:drop-shadow(0 0 0#ebb058);filter:drop-shadow(0 0 0#ebb058)}50%{-webkit-filter:drop-shadow(0 0 15px #ebb058);filter:drop-shadow(0 0 15px #ebb058)}to{-webkit-filter:drop-shadow(0 0 0#ebb058);filter:drop-shadow(0 0 0#ebb058)}}@media (max-width:1200px){}.game__flag{position:absolute;top:10px;left:0;display:grid;grid-gap:.375rem;justify-items:start}@-webkit-keyframes skeleton{0%{left:-100%}to{left:100%}}@keyframes skeleton{0%{left:-100%}to{left:100%}}:root{--header-height:70px}@media (min-width:1024px){:root{--header-height:90px}}@media only screen and (max-width:1024px){#layout--default{background:unset!important;background-size:unset!important}}html{font-family:Titillium Web,sans-serif;font-size:16px;word-spacing:1px;scroll-behavior:smooth;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,:after,:before,html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{margin:0;padding:0}body{overflow:auto;font-weight:400;font-size:.875rem;color:#fff;overflow-x:hidden;overflow-anchor:none;background-color:#091840}@media (min-width:1024px) and (min-width:1024px){body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{border-radius:20px;background-color:#091840}body::-webkit-scrollbar-thumb{border-radius:20px;background-color:#1b3a8e}}body,html{height:100%;min-height:100%}h2{font-size:1.25rem}h3{font-size:1rem}h5{font-size:.75rem}h3,h5{font-weight:600}ul{list-style-type:none}#layout--default{position:relative;display:grid;min-height:100%;grid-template-columns:100%;grid-template-rows:auto 1fr auto;background:url(images/12.jpg)no-repeat 50%fixed;background-size:cover}@media (min-width:1024px){}.app-container{position:relative;height:100%;margin:0 auto;padding:0 .5rem;overflow:hidden;max-width:1280px}@media (min-width:1024px){.app-container{padding:0 1rem}}.surface{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.surface--inverse{-webkit-box-shadow:0-3px 3px -2px rgba(0,0,0,.5),0-3px 4px 0 rgba(0,0,0,.34),0-1px 8px 0 rgba(0,0,0,.32);box-shadow:0-3px 3px -2px rgba(0,0,0,.5),0-3px 4px 0 rgba(0,0,0,.34),0-1px 8px 0 rgba(0,0,0,.32)}.observer{position:absolute;width:100%;height:1px}#fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}
/* Açılma ve kapanma için genel animasyon ayarları */
.page-transition-enter-active {
    transition: opacity 0.4s ease;
}

.page-transition-leave-active {
    transition: opacity 0.4s ease;
}

.page-transition-enter-to {
    opacity: 1;
}

.page-transition-leave-to {
    opacity: 0;
}

/* Sidebar: under header, above sticky footer, slight left inset */
.app-drawer__root:has(.app-drawer--left.app-drawer--primary) {
    top: var(--header-height) !important;
    z-index: 1100 !important;
}

.app-header {
    z-index: 1200 !important;
}

.sticky-footer {
    z-index: 101 !important;
}

.app-drawer.app-drawer--default.app-drawer--left.app-drawer--primary {
    left: -308px !important;
}

.app-drawer--open .app-drawer.app-drawer--default.app-drawer--left.app-drawer--primary {
    -webkit-transform: translateX(308px) !important;
    transform: translateX(308px) !important;
}

.app-drawer.app-drawer--left.app-drawer--primary {
    background-color: #030B22 !important;
    border: 1px solid rgba(235, 176, 88, 0.55) !important;
    border-radius: 16px !important;
    margin: 0 !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
}

.app-drawer--primary .side-menu {
    background-color: #030B22 !important;
}

/* Special games button (original redesign look) */
.side-menu .special-game-title {
    align-items: center;
    background: linear-gradient(180deg, #577fb1 0, #375376);
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: grid;
    font-weight: 600;
    grid-template-columns: 50px 1fr;
    grid-template-rows: 50px;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.side-menu .special-game-title > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #62451c 0, #8e6731);
}

.side-menu .special-game-title > div img {
    display: block;
    max-width: 42px;
    max-height: 42px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.side-menu .special-game-title > span {
    padding: 0 0.75rem;
    font-size: 0.8rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.side-menu__teaser .redirect,
.side-menu__teaser button:not(.special-game-title) {
    align-items: center;
    background: linear-gradient(0deg, #62451c 0, #8e6731);
    border-radius: 5px;
    display: grid;
    font-weight: 600;
    grid-template-columns: 50px 1fr;
    grid-template-rows: 50px;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: normal;
    width: 100%;
}

/* Sidebar promo GIFs (replace 193.gif) */
.side-menu a.side-menu__promo-banner {
    display: block !important;
    overflow: hidden !important;
    margin-top: 0.5rem !important;
    border-radius: 10px !important;
    border: 1px solid #3b82c4 !important;
    background: #030B22 !important;
}

.side-menu a.side-menu__promo-banner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

.side-menu a.side-menu__promo-banner--slim img {
    aspect-ratio: 800 / 200;
}

.side-menu a.side-menu__promo-banner--tall img {
    aspect-ratio: 804 / 300;
}

/* GENEL section title under promo GIFs */
.side-menu .side-menu__group--genel {
    list-style: none;
    margin: 0.85rem 0 0.5rem !important;
    padding: 0 !important;
}

.side-menu .side-menu__section-title,
.side-menu .side-menu__group--genel h3 {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ebb058 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.side-menu .side-menu__section-title::after,
.side-menu .side-menu__group--genel h3::after {
    content: "" !important;
    display: block !important;
    flex: 1 1 auto !important;
    height: 1px !important;
    background: #ebb058 !important;
    opacity: 0.9 !important;
}

/* GENEL+ links: brown buttons with right arrow (match original) */
.side-menu nav .side-menu__group > ul {
    display: grid !important;
    grid-gap: 0.45rem !important;
}

.side-menu nav .side-menu__link > a,
.side-menu nav .side-menu__link > button {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 42px 1fr 28px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 0.65rem 0 0 !important;
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    background: linear-gradient(0deg, #62451c 0, #8e6731) !important;
    box-shadow: none !important;
}

.side-menu nav .side-menu__link > a > div,
.side-menu nav .side-menu__link > button > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 48px !important;
    margin: 0 !important;
    background: transparent !important;
}

.side-menu nav .side-menu__link > a > div i,
.side-menu nav .side-menu__link > button > div i,
.side-menu nav .side-menu__link > a > div img,
.side-menu nav .side-menu__link > button > div img {
    display: block !important;
    max-width: 22px !important;
    max-height: 22px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    color: #fff !important;
}

.side-menu nav .side-menu__link > a > span,
.side-menu nav .side-menu__link > button > span {
    display: block !important;
    padding: 0 0.35rem !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}

.side-menu nav .side-menu__link .icon-arrow-right {
    display: inline-block !important;
    justify-self: end !important;
    margin-right: 0.35rem !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    opacity: 0.95 !important;
    font-family: merit !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.side-menu nav .side-menu__link .icon-arrow-right:before {
    content: "\E991" !important;
}

.side-menu nav .side-menu__group > h3:not(.side-menu__section-title) {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: 100% !important;
    margin: 0.85rem 0 0.5rem !important;
    color: #ebb058 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

.side-menu nav .side-menu__group > h3:not(.side-menu__section-title)::after {
    content: "" !important;
    display: block !important;
    flex: 1 1 auto !important;
    height: 1px !important;
    background: #ebb058 !important;
}

/* Blue sections: same size as brown buttons — only color changes */
.side-menu nav .side-menu__group--blue > h3,
.side-menu nav .side-menu__group--casino > h3 {
    color: #3b82f6 !important;
}

.side-menu nav .side-menu__group--blue > h3::after,
.side-menu nav .side-menu__group--casino > h3::after {
    background: #3b82f6 !important;
}

.side-menu nav .side-menu__group--blue .side-menu__link > a,
.side-menu nav .side-menu__group--blue .side-menu__link > button,
.side-menu nav .side-menu__group--casino .side-menu__link > a,
.side-menu nav .side-menu__group--casino .side-menu__link > button {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 0.65rem 0 0 !important;
    border: 1px solid rgba(59, 130, 246, 0.28) !important;
    background: linear-gradient(180deg, #1d335c 0%, #132442 100%) !important;
}

.side-menu nav .side-menu__group--blue .side-menu__link > a > div,
.side-menu nav .side-menu__group--blue .side-menu__link > button > div,
.side-menu nav .side-menu__group--casino .side-menu__link > a > div,
.side-menu nav .side-menu__group--casino .side-menu__link > button > div {
    height: 48px !important;
}

/* UYGULAMA VE İLETİŞİM: white buttons like original */
.side-menu nav .side-menu__group--apps .side-menu__link > a,
.side-menu nav .side-menu__group--apps .side-menu__link > button {
    background: #fff !important;
    border: none !important;
    color: #111 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

.side-menu nav .side-menu__group--apps .side-menu__link > a > div i,
.side-menu nav .side-menu__group--apps .side-menu__link > button > div i,
.side-menu nav .side-menu__group--apps .side-menu__link > a > span,
.side-menu nav .side-menu__group--apps .side-menu__link > button > span,
.side-menu nav .side-menu__group--apps .side-menu__link .icon-arrow-right {
    color: #111 !important;
}

.side-menu nav .side-menu__group--apps .side-menu__link > a > span em,
.side-menu nav .side-menu__group--apps .side-menu__link > a > span .android {
    display: block !important;
    margin-top: 0.15rem !important;
    font-size: 0.65rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: #22c55e !important;
    text-transform: uppercase !important;
}

/* Theme toggle at top of sidebar */
.side-menu .toggle-switcher {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-items: stretch;
    column-gap: 0;
    width: 100%;
    margin: 0 0 0.85rem;
    padding: 0.15rem 0.15rem 0.35rem;
}

.side-menu .toggle-switcher h5 {
    margin: 0;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.side-menu .toggle-switcher h5:first-child {
    text-align: left;
    justify-self: start;
    padding-right: 1rem;
}

.side-menu .toggle-switcher h5:last-child {
    text-align: right;
    justify-self: end;
    padding-left: 1rem;
}

.side-menu .toggle-switcher > div {
    display: inline-block;
    grid-column: 2 / 3;
    height: 32px;
    position: relative;
    width: 60px;
}

.side-menu .toggle-switcher input {
    cursor: pointer;
    height: 32px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 1;
}

.side-menu .toggle-switcher .icon {
    background-color: #fff;
    border-radius: 50px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
}

.side-menu .toggle-switcher .icon:after {
    background-color: #091840;
    border-radius: 50%;
    bottom: 3px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: .3s;
    width: 26px;
}

.side-menu .toggle-switcher .moon-icon,
.side-menu .toggle-switcher .sun-icon {
    height: 16px;
    position: absolute;
    top: 7px;
    width: 16px;
    pointer-events: none;
    z-index: 0;
}

.side-menu .toggle-switcher .sun-icon {
    left: 8px;
    opacity: 0;
}

.side-menu .toggle-switcher .moon-icon {
    right: 8px;
    opacity: 1;
}

.side-menu .toggle-switcher input:checked + .icon:after {
    left: 30px;
}

.side-menu .toggle-switcher input:checked ~ .sun-icon {
    opacity: 1;
}

.side-menu .toggle-switcher input:checked ~ .moon-icon {
    opacity: 0;
}