@font-face{font-family:'simple-line-icons';src:url('/themes/omgpu3/icons/Simple-Line-Icons.eot?v=2.4.0');src:url('/themes/omgpu3/icons/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'),url('/themes/omgpu3/fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'),url('/themes/omgpu3/fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'),url('/themes/omgpu3/fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'),url('/themes/omgpu3/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');font-weight:normal;font-style:normal}

html{font-size:100%}

.special body{
    margin-top:55px;
    min-width:300px;
}

#special a{
    font-size:1rem !important;
    text-decoration:none !important;
}

.avtor{
    width:100%;
    text-align:center;
    margin-top:15px;
    padding-top:10px;
    border-top:1px solid rgba(128,128,128,0.2);
}

.avtor a{
    font-size:13px !important;
    color:inherit !important;
    opacity:0.8;
}

.special-settings i,
.special-quit i,
.special-images i,
.special-audio i,
i.special-audio{
    font-family:'simple-line-icons' !important;
    cursor:pointer;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.special-audio i:before{content:"\e09f"}
.special-settings i:before{content:"\e09a"}
.special-quit i:before{content:"\e087"}
.special-images button[value='0'] i:before{content:"\e07c"}
.special-images button[value='1'] i:before{content:"\e032"}

marquee{display:none !important}

/* Основная панель - компактная */
#special{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    right:0;
    text-align:center;
    padding:8px 0;
    border-bottom:1px solid rgba(128,128,128,0.2);
    z-index:999999;
    cursor:default;
    line-height:1em !important;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

#special *{
    font-size:0 !important;
    box-sizing:border-box;
}

#special{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#special i{
    font-style:normal;
    font-weight:bold;
    line-height:24px !important;
    color:inherit !important;
    background:inherit !important;
    font-size:inherit !important;
    display:inline-block;
    vertical-align:middle;
}

#special .special-panel div{
    margin:0;
    padding:0;
    display:inline-block;
    margin-left:12px;
    margin-bottom:4px;
    vertical-align:middle;
}

#special span,
#special em{
    font-size:14px !important;
    vertical-align:middle;
    margin-right:6px;
    font-weight:500;
}

#special em{
    font-style:italic;
}

#special button{
    margin:0 2px;
    border:1px solid;
    border-color:inherit;
    min-width:28px;
    text-align:center;
    padding:4px 6px;
    line-height:normal;
    text-decoration:none;
    vertical-align:middle;
    overflow:hidden;
    cursor:pointer;
    outline:0;
    height:auto;
    text-transform:none;
    font-size:16px !important;
    color:inherit;
    background:inherit;
    border-radius:4px;
}

#special .special-panel button{
    height:28px;
    line-height:28px !important;
    padding:0 6px;
    min-width:32px;
}

#special,
#special .active{
    border-bottom-width:2px;
}

#special .active{
    position:relative;
    border-bottom:2px solid currentColor !important;
}

/* Компактная панель настроек */
#special-settings-body{
    display:none;
    padding:15px 20px;
    text-align:left;
    margin-top:10px;
    border-top:1px solid rgba(128,128,128,0.15);
    max-height:50vh;
    overflow-y:auto;
}

#special-settings-body>div{
    margin:12px 0 15px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(128,128,128,0.1);
}

#special-settings-body>div:last-child{
    border-bottom:none;
}

#special-settings-body h2{
    font-size:18px !important;
    margin:20px 0 12px !important;
    padding-bottom:8px;
    border-bottom:1px solid rgba(128,128,128,0.2);
    color:inherit !important;
}

#special-settings-body button{
    margin-bottom:8px;
    margin-right:10px;
    padding:6px 10px;
    min-width:100px;
    font-size:14px !important;
    border-radius:6px;
}

#special-settings-body button i{
    display:block;
    line-height:1.3 !important;
    font-size:14px !important;
    margin-bottom:3px;
}

.special-reset,
.special-settings-close{
    display:inline-block;
    margin-top:8px;
}

.special-settings-close{
    float:right;
}

/* Стили для настроек */
.special-line-height-1 *,
#special .special-line-height button[value='1']{
    line-height:normal !important;
}

.special-line-height-2 *,
#special .special-line-height button[value='2']{
    line-height:1.5rem !important;
}

.special-line-height-3 *,
#special .special-line-height button[value='3']{
    line-height:1.75rem !important;
}

.special-font-size-1 *,
#special .special-font-size button[value='1']{
    font-size:1rem !important;
}

.special-font-size-2 *,
#special .special-font-size button[value='2']{
    font-size:1.25rem !important;
}

.special-font-size-3 *,
#special .special-font-size button[value='3']{
    font-size:1.5rem !important;
}

.special-font-family-1 *,
#special .special-font-family button[value='1']{
    font-family:Arial,sans-serif !important;
}

.special-font-family-2 *,
#special .special-font-family button[value='2']{
    font-family:Times,serif !important;
}

/* Цветовые схемы */
.special-color-1 *,
#special .special-color button[value='1']{
    color:#000 !important;
    background:#FFF !important;
    border-color:#000 !important;
}

.special-color-1 #special{
    background:#FFF;
}

.special-color-2 *,
#special .special-color button[value='2']{
    color:#FFF !important;
    background:#000 !important;
    border-color:#FFF !important;
}

.special-color-2 #special{
    background:#000;
}

.special-color-3 *,
#special .special-color button[value='3']{
    color:#063462 !important;
    background:#e6f3ff !important;
    border-color:#063462 !important;
}

.special-color-3 #special{
    background:#e6f3ff;
}

.special-color-4 *,
#special .special-color button[value='4']{
    color:#59422e !important;
    background:#fffcf0 !important;
    border-color:#59422e !important;
}

.special-color-4 #special{
    background:#fffcf0;
}

.special-color-5 *,
#special .special-color button[value='5']{
    color:#a9dd38 !important;
    background:#2a1d10 !important;
    border-color:#a9dd38 !important;
}

.special-color-5 #special{
    background:#2a1d10;
}

.special-letter-spacing-1 *,
#special .special-letter-spacing button[value='1']{
    letter-spacing:normal !important;
}

.special-letter-spacing-2 *,
#special .special-letter-spacing button[value='2']{
    letter-spacing:1.5px !important;
}

.special-letter-spacing-3 *,
#special .special-letter-spacing button[value='3']{
    letter-spacing:3px !important;
}

/* Адаптивность */
@media(max-width:940px){
    #special .special-panel span{
        display:none;
    }
    
    #special .special-panel div{
        margin-left:10px;
        margin-right:10px;
    }
    
    #special button{
        margin:0 1px;
        padding:3px 5px;
        min-width:26px;
    }
    
    #special-settings-body{
        padding:12px 15px;
    }
}

@media(max-width:460px){
    .special body{
        margin-top:85px;
    }
    
    #special{
        padding:6px 0;
    }
    
    #special .special-panel div{
        margin:3px auto;
        text-align:center;
    }
    
    #special-settings-body{
        padding:10px 12px;
        max-height:45vh;
    }
    
    #special-settings-body button{
        min-width:90px;
        padding:5px 8px;
        font-size:13px !important;
        margin-right:6px;
        margin-bottom:6px;
    }
    
    #special-settings-body h2{
        font-size:16px !important;
        margin:15px 0 10px !important;
    }
}

@media(max-width:768px){
    #special-settings-body{
        max-height:45vh;
    }
}

/* Компактный скроллбар */
#special-settings-body::-webkit-scrollbar{
    width:6px;
}

#special-settings-body::-webkit-scrollbar-track{
    background:rgba(128,128,128,0.1);
}

#special-settings-body::-webkit-scrollbar-thumb{
    background:rgba(128,128,128,0.3);
    border-radius:3px;
}