:root{--bg-color: #162B0E;--color-primary: #DAA520;--color-lightGrey: #D4A530;--color-grey: #747681;--color-darkGrey: #0D1A08;--color-error: #df1b41;--color-success: #30b130;--grid-maxWidth: 120rem;--grid-gutter: 2rem;--font-size: 1.6rem;--font-family-serif: 'Roboto Slab', serif;--font-family-sans: 'Fira Sans Condensed', sans-serif;--font-family-sans-condensed: 'Fira Sans Condensed', sans-serif;--font-family-noto-sans: 'Noto Sans', sans-serif;--font-family-noto-sans-bold: 'Noto Sans Bold', sans-serif;--font-color: #fefeff}.spring{--bg-color: #162B0E;--color-darkGrey: #0D1A08;--color-lightGrey: #D4A530;--color-primary: #DAA520;--spring-green: #4A7A2E;--spring-gold: #DAA520;color:#d4a530}.spring .pack .header{background:#0d1a08}.spring .pack .header .shadow{background:radial-gradient(circle, rgba(74, 122, 46, 0.3) 0%, transparent 70%);animation:springGlow 3s ease-in-out infinite}.spring .tabs{background-color:rgb(32.5,65,20)}.spring .tabs span,.spring .tabs button,.spring .tabs a{background:#0d1a08}.spring .tabs .active{color:#0d1a08 !important;background:#daa520}.spring .tabs .active::after{border-top-color:#daa520}.spring .user-area{background:rgb(11.05,22.1,6.8) !important;background:linear-gradient(180deg, #0D1A08 0%, #162B0E 100%) !important}.spring .user-area h1{color:#daa520 !important}.spring .user-select svg path{color:#daa520 !important}.spring .user-select select option{color:#d4a530;background-color:#0d1a08}.spring .user-info svg path{color:#daa520 !important}.spring .loader{color:#daa520}.spring .breadcrumbs ul{background-color:#0d1a08 !important}.spring .breadcrumbs .crumb,.spring .breadcrumbs .crumb-arrow{color:rgba(218,165,32,.6)}.spring .breadcrumbs .crumb.selected,.spring .breadcrumbs .crumb-arrow.selected{color:#d4a530}.spring .results.no-auto-complete .result{background-color:#0d1a08 !important}.spring .results.no-auto-complete .result:hover{background-color:#0d1a08 !important}.spring .results.no-auto-complete .result.faded{background-color:rgba(13,26,8,.5) !important}.spring .results.no-auto-complete .result.faded:hover{background-color:rgba(13,26,8,.5) !important}.spring .results.no-auto-complete .result .player-details-top .player-clan{color:rgba(218,165,32,.6) !important}.spring .results.no-auto-complete .result .player-details-top .player-name{color:rgba(212,165,48,.8) !important}.spring .results.no-auto-complete .result .player-details-bottom .player-power{color:#d4a530 !important}.spring .results-for{color:rgba(218,165,32,.6)}.spring .results-for i{color:#d4a530}.spring .pack{box-shadow:0 0 20px rgba(74,122,46,.4);outline:1px solid rgba(218,165,32,.3)}.spring .pack:hover{box-shadow:0 0 30px rgba(218,165,32,.6)}.spring .pack .shadow{background:radial-gradient(circle, rgba(74, 122, 46, 0.3) 0%, transparent 70%);animation:springGlow 3s ease-in-out infinite}@keyframes springGlow{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.spring .discount-banner::after{position:absolute;content:"";top:calc(-1*var(--border-width));left:calc(-1*var(--border-width));z-index:-1;height:calc(100% + var(--border-width)*2);width:calc(100% + var(--border-width)*2);background:linear-gradient(60deg, hsl(0, 0%, 0%), hsl(43, 74%, 49%), hsl(100, 40%, 30%), hsl(43, 74%, 49%), hsl(0, 0%, 0%), hsl(100, 40%, 30%), hsl(43, 74%, 49%), hsl(0, 0%, 0%));background-size:300% 300%;background-position:0 50%;border-radius:calc(2*var(--border-width));animation:moveGradient 4s alternate infinite;filter:blur(1px)}@keyframes moveGradient{50%{background-position:100% 50%}}