html[data-theme=dark] .habbo-skin{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light] .habbo-skin{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}html.theme-fading,html.theme-fading *,html.theme-fading :before,html.theme-fading :after{transition:background-color .45s,color .45s,border-color .45s,fill .45s,stroke .45s,box-shadow .45s!important}.habbo-skin .rail-theme span svg{animation:.5s cubic-bezier(.3,1.4,.5,1) both rail-theme-in}.habbo-skin .rail-theme.is-light span{color:#8fa3d9}.habbo-skin .rail-theme.is-dark span{color:#ffcf3e}@keyframes rail-theme-in{0%{opacity:0;transform:rotate(-90deg)scale(.5)}}@media (prefers-reduced-motion:reduce){.habbo-skin .rail-theme span svg{animation:none}}html[data-theme=light] .habbo-skin{--hb-void:#dfe7e6;--hb-starfield:radial-gradient(ellipse 340px 90px at 18% 22%, #ffffff8c, transparent 70%), radial-gradient(ellipse 420px 110px at 82% 68%, #ffffff73, transparent 70%), linear-gradient(180deg, #c9e2ee 0%, #dcebeb 55%, #ece8db 100%)}html[data-theme=light] .habbo-skin .map-area,html[data-theme=light] .habbo-skin .map-viewport{background-color:#dbe8ea;background-image:linear-gradient(90deg,#6e8c9624 1px,#0000 1px),linear-gradient(#6e8c9624 1px,#0000 1px),radial-gradient(at 48% 30%,#eef5f4 0,#dce9eb 48%,#cddde2 100%);background-size:32px 32px,32px 32px,100% 100%}html[data-theme=light] .habbo-skin .map-area{box-shadow:inset 0 0 0 2px #9fb2b8,inset 0 0 0 3px #f4f9f9}html[data-theme=light] .habbo-skin .map-area:before{border-color:#a9bcc1;box-shadow:inset 0 0 0 1px #fff9}html[data-theme=light] .habbo-skin .app-rail{background:linear-gradient(90deg,#f4f1e7,#ebe7da);border-right-color:#b9b19a;box-shadow:inset -1px 0 #fff,2px 0 #2f3b3514}html[data-theme=light] .habbo-skin .rail-button{color:#4a5a52}html[data-theme=light] .habbo-skin .rail-button:not(.rail-button--otto):hover{color:#1f2a2a;background:linear-gradient(#fff 0 50%,#ece8dc 50%);border-color:#a99f84;box-shadow:inset 0 1px #fff,0 2px #c9c1a8}html[data-theme=light] .habbo-skin .rail-button.active{color:#fff}html[data-theme=light] .habbo-skin .rail-button>i{box-shadow:none;border-color:#f4f1e7}html[data-theme=light] .habbo-skin .rail-collapse{color:#4a5a52;background:linear-gradient(#fff 0 50%,#ece8dc 50%);border-color:#a99f84;box-shadow:inset 0 1px #fff,0 2px #c9c1a8}html[data-theme=dark] .habbo-skin .study-campus{filter:brightness(.8)saturate(.92)}.habbo-skin{--brand-surface-top:#303238;--brand-surface-bottom:#24262b;--brand-surface-hover:#3b3d44;--brand-edge:#141519;--brand-bevel:#50525a;--brand-shadow:#101115;--brand-ink:#fff9f2;--brand-muted:#d6d3cf;--brand-accent:#ff7a24}html[data-theme=light] .habbo-skin{--brand-surface-top:#faf7f2;--brand-surface-bottom:#eee7dd;--brand-surface-hover:#fff;--brand-edge:#c5baaa;--brand-bevel:#fff;--brand-shadow:#b9aea0;--brand-ink:#302d29;--brand-muted:#665e56;--brand-accent:#b95316}html[data-theme] .habbo-skin .rail-logo{border-color:var(--brand-edge);background:linear-gradient(var(--brand-surface-top) 0 50%, var(--brand-surface-bottom) 50%);box-shadow:inset 0 2px 0 var(--brand-bevel), inset 0 -2px 0 var(--brand-edge), 0 3px 0 var(--brand-shadow)}html[data-theme] .habbo-skin .rail-logo:hover{background:linear-gradient(var(--brand-surface-hover) 0 50%, var(--brand-surface-top) 50%)}html[data-theme] .habbo-skin .study-dock__header{color:var(--brand-ink);border-bottom-color:var(--brand-edge);background:linear-gradient(var(--brand-bevel) 0 2px, var(--brand-surface-top) 2px 47%, var(--brand-surface-bottom) 47% calc(100% - 3px), var(--brand-accent) calc(100% - 3px))}html[data-theme] .habbo-skin .study-dock__header strong{color:var(--brand-ink);text-shadow:none}html[data-theme] .habbo-skin .study-dock__header small{color:var(--brand-muted)}html[data-theme] .habbo-skin .study-dock__mark{color:var(--brand-accent);border-color:var(--brand-edge);background:linear-gradient(var(--brand-surface-hover) 0 50%, var(--brand-surface-bottom) 50%);box-shadow:inset 0 2px 0 var(--brand-bevel), 0 2px 0 var(--brand-shadow)}
.brand-mark{vertical-align:middle;background:url(/brand/orange-bird.svg) 50%/contain no-repeat;flex-shrink:0;width:36px;height:30px;display:inline-block}.brand-mark--compact{width:32px;height:26px}.rail-logo .brand-mark{width:36px;height:30px}.welcome-logo .brand-mark{width:44px;height:36px}.welcome-logo,.survey-logo,.prejoin-screen>header>.brand,.profile-screen>header>.brand,html[data-theme] .habbo-skin .welcome-logo,html[data-theme] .habbo-skin .survey-logo,html[data-theme] .habbo-skin .prejoin-screen>header>.brand,html[data-theme] .habbo-skin .profile-screen>header>.brand{background:linear-gradient(145deg, var(--brand-surface-top,#303238), var(--brand-surface-bottom,#24262b));box-shadow:inset 0 1px 0 var(--brand-bevel,#50525a), 0 4px 12px #0000001f}