#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c4c4c;display:flex;flex-direction:column;font-family:Roboto Condensed,sans-serif;margin:0;min-height:100vh;padding:0}.orange{color:#f58220}.codeItem{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:row;height:120px;margin:0 0 12px;overflow:hidden;width:100%}.codeItem:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.codeItem__percent{align-items:center;background:#35a75e;background:linear-gradient(0deg,#35a75e,#47dd7c);color:#fff;display:flex;font-size:36px;font-weight:700;height:120px;justify-content:center;text-align:center;width:230px}.codeItem__details{display:flex;flex-direction:column;font-size:16px;margin-left:30px}.codeItem__details h3{font-size:26px;margin:0 0 18px}.codeItem__discount{border:1px solid #f58220;border-radius:32px;cursor:pointer;font-size:18px;margin-left:auto;margin-right:16px;padding:12px;position:relative;text-align:center;transition:all .3s ease-in-out;width:260px}.codeItem__discount:hover{background-color:#f58220;color:#fff}.codeItem__discount:after{content:url(https://deal.kinguin.net/hubfs/discount-codes/discount.png);position:absolute;right:10px;top:calc(50% - 8px)}.codeItem__discount.active{border:1px solid #41cb72;color:#41cb72}.codeItem__discount.active:after{align-items:center;background:#fff;border-radius:30px;bottom:0;content:"\2713 copied";display:flex;height:100%;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0}.codeItem__discount.active:hover{background-color:#fff}.codeWrapper{margin:0 auto;max-width:1284px;padding:0 12px;width:100%}.codeWrapper>h1{font-size:32px;text-align:center}.codeWrapper__category{display:flex;font-size:18px;justify-content:center;margin:0 0 24px}.codeWrapper__category span{cursor:pointer;margin:0 12px}.codeWrapper__category span.active{color:#f58220}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media screen and (max-width:1280px){.codeWrapper{width:auto}}@media screen and (max-width:960px){.codeItem,.codeItem__percent{height:180px;position:relative}.codeItem__percent{width:160px}.codeItem__details{margin-bottom:auto;margin-left:12px;padding:8px}.codeItem__discount{bottom:12px;padding:8px 12px;position:absolute;right:0;width:calc(100% - 220px)}}@media screen and (max-width:414px){.codeItem,.codeItem__percent{height:220px;position:relative}.codeItem__percent{min-width:80px}.codeItem__details{margin-bottom:auto;margin-left:12px;padding:8px}.codeItem__discount{bottom:12px;padding:8px 12px;position:absolute;right:0;width:calc(100% - 160px)}}