.header-logo{
    width:71px
}
@media (min-width:48em){
    .header-logo{
        width:65px
    }
}
.header-logo img{
    display:block;
    height:auto;
    width:100%
}
:root{
    --real-height:100vh
}
.page-leave-from{
    opacity:1
}
.page-leave-to{
    opacity:0
}
.page-leave-active{
    transition:opacity .3s cubic-bezier(.215,.61,.355,1)
}
.page-topic-leave-from{
    opacity:1
}
.page-topic-leave-to{
    opacity:0
}
@media (min-width:48em){
    .page-topic-leave-active{
        transition:opacity .3s cubic-bezier(.215,.61,.355,1)
    }
}
.sound-toggle{
    color:#fff;
    display:inline-block;
    font-family:Fraktion Mono,Helvetica,Arial,sans-serif;
    font-size:.625rem;
    letter-spacing:.147em;
    line-height:1;
    position:relative;
    text-transform:uppercase
}
.sound-toggle__label{
    align-items:center;
    cursor:pointer;
    display:flex;
    position:relative;
    -webkit-user-select:none;
    user-select:none
}
.sound-toggle__switch{
    padding-left:6px
}
.sound-toggle .sound-toggle__on{
    color:#ffffff4d;
    transition:color .3s cubic-bezier(.25,.46,.45,.94)
}
.sound-toggle .sound-toggle__off{
    color:#fff;
    transition:color .3s cubic-bezier(.25,.46,.45,.94)
}
.sound-toggle .sound-toggle__off:before{
    color:#fff;
    content:" / "
}
.sound-toggle__input{
    bottom:0;
    height:100%;
    left:0;
    margin:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.sound-toggle__input:checked~.sound-toggle__label .sound-toggle__on{
    color:#fff
}
.sound-toggle__input:checked~.sound-toggle__label .sound-toggle__off{
    color:#ffffff4d
}