                                                    

@define WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM: 0, 0.96, 0.18;

CSGOHudWeaponSelection Label,
CSGOWeaponSelectionView Label
{
    font-family: Stratum2, 'Arial Unicode MS';
    color: #fff;
    font-weight: bold;
    text-shadow-fast: 1px 1px #00000088;
}

                                                                                                 
                                                                         
.Language_vietnamese CSGOHudWeaponSelection Label.weapon-selection-item-count,
.Language_vietnamese CSGOHudWeaponSelection Label.weapon-row-number
{
	font-family: ForceStratum2, 'Arial Unicode MS';
}


                                                                               
                                                                               
                                                                               

.weapon-selection
{
    height:fill-parent-flow(1.0);
    width:100%;
    horizontal-align:right;
    vertical-align:bottom;
}

.weapon-selection--hidden
{
    visibility:collapse;
}

.weapon-selection-list
{
                                                                                                                                                                        
                                                                          
    flow-children:up;
    horizontal-align:right;
    vertical-align:bottom;

    height:100%;
    width: 100%;
}

                                                                
.weapon-selection--animation-enable .weapon-selection-item,
.weapon-selection--animation-enable .weapon-row-number
{
    transition-property:opacity;
    transition-duration:0.5s;
    transition-timing-function:linear;
}

                                                    
.weapon-selection--fade .weapon-selection-item--fade-ok.weapon-selection-item,
.weapon-selection--fade .weapon-row-number
{
    opacity: 0;
}

                                                                                       
.weapon-selection--animation-enable.weapon-selection--fade .weapon-selection-item,
.weapon-selection--animation-enable.weapon-selection--fade .weapon-row-number
{
    transition-property: opacity;
    transition-duration: 0.1s;                                             
}

.weapon-selection-item
{
    flow-children:down;

                                                                             
                                                                                
                                                                                
                                                                                      
                                                                                    
                                    
       
    opacity:1;
    transform:translateX(125%);
    margin-bottom:0px;
}
.weapon-selection-item--selected.weapon-selection-item
{
                                                                                
    padding-left: 400px;
    margin-left: -400px;
}

.weapon-selection--animation-enable .weapon-selection-item
{
    transition-property: position,transform,opacity;
	transition-duration: 0.2s,0.2s,0.2s;
	transition-timing-function: linear;
}

@keyframes weapon-selection-item--weapon-selection-item--on-active
{
    0% {
		opacity: 1;
		brightness: 1;
    }
    49% {
		opacity: 1;
		brightness: 1;
    }
    50% {
		opacity: 0.5;
		brightness: 4;
    }
    99% {
		opacity: 0.5;
		brightness: 2;
    }
    100% {
		opacity: 1;
		brightness: 1;
    }
}

@keyframes weapon-selection-item--weapon-selection-item--on-active-scale
{
    0% {
		transform: scale3d( 1.0, 1.0, 1.0 );
    }
    49% {
		transform: scale3d( 1.0, 1.0, 1.0 );
    }
    50% {
		transform: scale3d( 1.1, 1.1, 1.1 );
    }
    99% {
		transform: scale3d( 1.0, 1.0, 1.0 );
    }
    100% {
		transform: scale3d( 1.0, 1.0, 1.0 );
    }
}

@keyframes weapon-selection-item--weapon-selection-item--on-active-icon
{
	0% {
		brightness: 1;
    }
    49% {
		brightness: 1;
    }
    50% {
		brightness: 4;
    }
    99% {
		brightness: 2;
    }
    100% {
		brightness: 1;
    }
}

.weapon-selection-item.weapon-selection-item--active
{
    transform:translateX(0px);
}
.weapon-selection-item.weapon-selection-item--deleted
{
    transform:translateX(0px);
    opacity:0;
}

.weapon-selection-item-name
{
    horizontal-align:right;
    width:1px;
    margin-right:12px;
    margin-top:-6px;
    margin-bottom:4px;
    overflow: noclip;                                       

    opacity:0;
}
.weapon-selection-item--selected .weapon-selection-item-name
{
    opacity:1;
}

.embedded-weapons-overview .weapon-selection-item--selected .weapon-selection-item-name
{
    opacity:0;
}

.weapon-selection-item-name-text,
.weapon-selection-item-name-text-owned
{
    font-size: 18px;
    font-weight: medium;
    horizontal-align:right;
    text-align:right;
    white-space:nowrap;
    letter-spacing: 0.4px;
}
.weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-name-text,
.weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-name-text-owned
{
                                                                            
                                
      
                                                                                             
                                                                                                         
                                
       
    animation-name: weapon-selection-item--weapon-selection-item--on-active;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: 8;
}

.weapon-selection-item-name-text-owned { visibility:collapse; }
.weapon-selection-item--show-owner .weapon-selection-item-name-text-owned  { visibility:visible; }
.weapon-selection-item--show-owner .weapon-selection-item-name-text  { visibility:collapse; }

                                                        
.weapon-selection-item-count
{
    font-weight: medium;
    visibility:collapse;
    vertical-align:bottom;
    horizontal-align:right;
    margin-bottom:8px;
    margin-right:4px;
    font-size: 16px;
    color:#a0a0a0;
}
.weapon-selection-item--has-multiple .weapon-selection-item-count
{
    visibility:visible;
}
.weapon-selection-item--selected .weapon-selection-item-count
{
    color:#ffffff;
}

.weapon-selection-item-icon
{
    horizontal-align:right;
}
.weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-icon
{
    animation-name: weapon-selection-item--weapon-selection-item--on-active, weapon-selection-item--weapon-selection-item--on-active-scale;
    animation-duration: 0.4s, 0.4s;
    animation-timing-function: linear, linear;
    animation-iteration-count: 8, 8;
}

.weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-icon .weapon-selection-item-icon-main
{
    animation-name: weapon-selection-item--weapon-selection-item--on-active-icon;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: 8;
}


.weapon-selection-item-icon-main
{
    margin-right:10px;
    padding:7px;
    transform: scaleX(-1);
    wash-color-fast: hsv-transform(color-hud-0, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM);
    opacity:0.98;
}
.weapon-selection-item--bomb .weapon-selection-item-icon-main
{
    margin-left:14px;
}


                          
.csgo-hud--cl-hud-color-0  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-0, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-1  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-1, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-2  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-2, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-3  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-3, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-4  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-4, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-5  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-5, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-6  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-6, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-7  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-7, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-8  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-8, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-9  .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-9, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-10 .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-10, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }
.csgo-hud--cl-hud-color-11 .weapon-selection-item-icon-main { wash-color-fast: hsv-transform(color-hud-11, WEAPONSELECTION_UNSELECTED_HSV_TRANSFORM); }

                                                                                                                                         
.weapon-selection-item--bomb:not(.weapon-selection-item--fade-ok) .weapon-selection-item-icon-main
{
    wash-color-fast: color-icon-bomb;
    -s2-mix-blend-mode: SRGBadditive;
}

.weapon-selection-item--selected .weapon-selection-item-icon-main,
.weapon-selection-item--selected.weapon-selection-item--bomb:not(.weapon-selection-item--fade-ok) .weapon-selection-item-icon-main
{
    wash-color-fast: white;
    opacity:1.0;
    -s2-mix-blend-mode: normal;
}

.weapon-selection-item--selected.weapon-selection-item--rarity-0 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-0 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-1 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-1 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-2 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-2 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-3 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-3 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-4 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-4 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-5 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-5 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-6 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-6 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-7 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-7 0px 0px 3px 1.75;
}
.weapon-selection-item--selected.weapon-selection-item--rarity-99 .weapon-selection-item-icon-main
{
    img-shadow: color-rarity-99 0px 0px 3px 1.75;
}

@keyframes weapon-row-background--weapon-row--on-active
{
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    99% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.weapon-selection-item-icon-bombzone
{
    margin-top:18px;
    -s2-mix-blend-mode: SRGBadditive;
    opacity:0;
}
.weapon-selection--bomb-zone .weapon-selection-item-icon-bombzone
{
    opacity:1;
}
.weapon-selection--animation-enable.weapon-selection--bomb-zone .weapon-selection-item-icon-bombzone
{
                                             
    animation-name: bomb-zone-highlight-enter, bomb-zone-bounce, bomb-zone-highlight;
    animation-duration: 0.5s, 1.5s, 0.5s;
    animation-iteration-count: 1, infinite, infinite;
    animation-delay: 0s, 0.4s, 0.15s;
    animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
}
.weapon-selection--fade .weapon-selection-item--fade-ok .weapon-selection-item-icon-bombzone
{
    opacity:0;
}

@keyframes bomb-zone-highlight-enter
{
    0%   { transform: scaleX(1.0) scaleY(1.0); }
    40%  { transform: scaleX(1.3) scaleY(1.3); }
    75%  { transform: scaleX(0.8) scaleY(0.8); }
    100% { transform: scaleX(1.0) scaleY(1.0); }
}

@keyframes bomb-zone-bounce
{
    0%   { position: 0px 0px 0px; }
    25%  { position: 0px 10px 0px; }
    30%  { position: 0px 2px 0px; }
    60%  { position: 0px 10px 0px; }
    95%  { position: 0px 10px 0px; }
    100% { position: 0px 0px 0px; }
}

@keyframes bomb-zone-highlight
{
    0%   { wash-color-fast:color-icon-bomb; }
    50%  { wash-color-fast:hsv-transform(color-icon-bomb, 0, 0.8, 2); }
    100% { wash-color-fast:color-icon-bomb; }
}

.weapon-row {
    horizontal-align: right;
    width: 500px;
    opacity: 1;
}

.weapon-selection--animation-enable .weapon-row
{
	transition-property: position,opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.weapon-row.weapon-row--active
{
    opacity:1;
}
.weapon-row.weapon-row--deleted
{
    opacity:0;
}
.weapon-row-background
{
    width:100%;
    height:100%;
                                                                                                                                                       
    visibility: collapse;
}
.weapon-row--selected .weapon-row-background
{
    visibility: visible;
}
.weapon-selection--animation-enable .weapon-row--active .weapon-row-background
{
    animation-name: weapon-row-background--weapon-row--on-active;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: 8;
}

.weapon-row-number
{
    font-size: 16px;
    font-weight: medium;
    text-align:center;
    margin-top:-20px;
    padding-left:2px;
    padding-right:2px;
    margin-right:2px;
    opacity:1;
}

.SteamInputGlyphsActive .weapon-row-number 
{
    visibility: collapse;
}

.embedded-weapons-overview .weapon-row-number
{
	opacity: 0;
}

.weapon-row-horiz-container
{
    flow-children:left;
    horizontal-align:right;
    width:100%;
}


                     

.weapon-selection-progression
{
                                                                      
                                                                   
                                                                  
                                                                         
                                                
       
    height:100%;
    margin-bottom:210px;

    visibility:collapse;
    flow-children: right;
    horizontal-align: right;
}
.weapon-selection--armsrace .weapon-selection-progression
{
    visibility:visible;
}

.weapon-selection-progression-list
{
    flow-children:up;
    vertical-align:bottom;
}

.weapon-selection-progression-xp
{
    flow-children:down;
    vertical-align:bottom;
}

.weapon-selection-progression-xp-container
{
    flow-children:up;
    vertical-align:bottom;
    horizontal-align:center;
}

.weapon-selection-progression-item {
    flow-children: right;
    horizontal-align: right;
    vertical-align: bottom;
    height: 70px;
}

.weapon-selection--animation-enable .weapon-selection-progression-item
{
    transition-property:height,opacity;
    transition-duration:0.2s;
    transition-timing-function: ease-in-out;
}

.weapon-selection-progression-item.weapon-selection-progression-item--earned
{
    height:0px;
    opacity:0;
}

.weapon-selection-progression-item.weapon-selection-progression-item--future
{
    height:0px;
    opacity:0;
}

.weapon-selection-progression-item.weapon-selection-progression-item--next0
{
    opacity:1;
}

.weapon-selection-progression-item.weapon-selection-progression-item--next1
{
    opacity:0.6;
}

.weapon-selection-progression-item.weapon-selection-progression-item--next2
{
    opacity:0.5;
}

.weapon-selection-progression-item.weapon-selection-progression-item--next3
{
    opacity:0.4;
}

.weapon-selection-progression-item.weapon-selection-progression-item--next4
{
    opacity:0.3;
}

.weapon-selection-progression-item.weapon-selection-progression-item--next5
{
    opacity:0.2;
}

.weapon-selection-progression-item-level
{
    font-size: 14px;
    margin-top: 30px;
    vertical-align:top;
    width:20px;
    horizontal-align:right;
    text-align:right;
}

.weapon-selection-progression-item-icon-main
{
    transform: scaleX(-1);
    margin-top:20px;
    overflow:squish;
}


@keyframes armsrace-earn-pip
{
    0% {
        background-color:#ffffffff;
        transform:scaleX(1.1) scaleY(1.1);
        animation-timing-function:ease-in-out;
    }
    30% {
        background-color:#ffffffff;
        transform:scaleX(1.5) scaleY(1.3);
        animation-timing-function:ease-in-out;
    }
    50% {
        background-color:#ffffffff;
        transform:scaleX(0.9) scaleY(0.9);
        animation-timing-function:ease-in-out;
    }
    75% {
        background-color:#00ff00ff;
        transform:scaleX(1.1) scaleY(1.1);
        animation-timing-function:ease-in-out;
    }
    100% {
        background-color:#00ff00ff;
        transform:scaleX(1.0) scaleY(1.0);
        animation-timing-function:ease-in-out;
    }
}

@keyframes armsrace-current-pip
{
    0% {
        background-color:#80808080;
        transform:scaleX(0.8) scaleY(0.8);
        animation-timing-function:ease-in-out;
    }
    90% {
        background-color:#ffffffff;
        transform:scaleX(1.1) scaleY(1.1);
        animation-timing-function:ease-in-out;
    }
    100% {
        background-color:#ffffffff;
        transform:scaleX(1.0) scaleY(1.0);
        animation-timing-function:ease-in-out;
    }
}



.progression-pip
{
    horizontal-align:center;
    height:10px;
    width:6px;
    background-color:#80808080;
    margin:1px;
}

.progression-pip.progression-pip--current
{
    background-color:#ffffffff;
    height:12px;
    width:10px;
}

.weapon-selection--animation-enable .progression-pip.progression-pip--current
{
    animation-name: armsrace-current-pip;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-iteration-count:1;
}

.progression-pip.progression-pip--earned {
    background-color: #00ff00ff;
}

.weapon-selection--animation-enable .progression-pip.progression-pip--earned
{
    animation-name: armsrace-earn-pip;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count:1;
}


.weapon-selection-demolition
{
                                                                      
                                                                   
                                                                  
                                                                         
                                                
       
                    
    margin-bottom:370px;

    flow-children:down;
    horizontal-align: right;
    vertical-align:bottom;

    visibility:collapse;
}
.weapon-selection--demolition .weapon-selection-demolition
{
    visibility:visible;
}

.weapon-selection-demolition-label
{
    horizontal-align:right;
}

.weapon-selection-demolition-container
{
    horizontal-align:right;
    flow-children:left;
    width:800px;
}

.weapon-selection-demolition-item
{
	transition-property: position,transform;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;

    margin-left:10px;
    margin-right:10px;
    
    transform:translateX(100%);
}

.weapon-selection-demolition-item.weapon-selection-demolition-item--active
{
    height:50px;
    transform:translateX(0px);
}

.weapon-selection-demolition-item-icon-main
{
    transform: scaleX(-1);
}

.weapon-selection-demolition-reward
{
    visibility:collapse;

    width:500px;
    color: white;
	background-color: gradient( linear, 100% 0%, 0% 0%, from( #00000000 ), color-stop(0.1, #00000090), color-stop(0.5, #000000ED), color-stop(0.9, #00000090), to( #00000000 ) );
}

.weapon-selection-demolition-reward-text
{
    horizontal-align:center;
    font-size:30px;
    text-align:center;
}

@keyframes weapon-selection-demolition-reward-anim
{
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    10% {
        transform: translateX(0px);
        opacity: 1;
    }
    75% {
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity:0;
    }
}


.weapon-selection--demolition-reward .weapon-selection-demolition-reward {
    visibility: visible;
    opacity: 0;

    sound:"UI.DeathMatchBonusKill";
}

.weapon-selection--animation-enable.weapon-selection--demolition-reward .weapon-selection-demolition-reward {
    animation-name: weapon-selection-demolition-reward-anim;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}


CSGOHudWeaponSelection CCSGOSteamInputAction
{
    vertical-align: bottom;
    horizontal-align: right;
    visibility: collapse;
}

CSGOHudWeaponSelection .steam-button-glyph
{
    width: 24px;
    height: 24px;
}

.SteamInputGlyphsActive CSGOHudWeaponSelection CCSGOSteamInputAction.ControllerConnected 
{
     visibility: visible;
     opacity: 0.5;
     brightness:  0.5;

     transition-property: opacity, brightness;
     transition-duration: 0.25s;
     transition-timing-function: ease-out;
     
}

                              
.SteamInputGlyphsActive CSGOHudWeaponSelection .weapon-selection-item--selected CCSGOSteamInputAction.ControllerConnected 
{
    opacity: 0.5;
    brightness:  0.5;
}


                                               
.SteamInputGlyphsActive CSGOHudWeaponSelection CCSGOSteamInputAction.ControllerConnected.NextWeaponSelection 
{
    opacity: 1.0;
    brightness:  1.0;
}



                                          
CSGOHudWeaponSelection Label.steam-button-name
{
    visibility: collapse;
}
