.button{border:none;border-radius:3px;color:white;cursor:pointer;display:inline-block;font-size:14px;line-height:26px;margin:0;padding:0px 10px;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,0.2);transition:box-shadow 0.2s ease, background 0.2s ease}.button.light-background{box-shadow:0px 1px 0px 0px rgba(0,0,0,0.1),inset 0px 0px 0px 1px rgba(0,0,0,0.2),inset 0px 2px 0px 0px rgba(255,255,255,0.2)}.button.dark-background{box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2),0px 1px 2px 0px rgba(0,0,0,0.2),inset 0px 1px 0px 0px rgba(255,255,255,0.2)}.button:focus{outline:none}.button:active{box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.2),inset 0px 0px 0px 1px rgba(0,0,0,0.2)}.button.large{box-sizing:border-box;line-height:46px;font-size:18px;padding:0 20px;margin-top:1px}.button.blue{background-color:#4dc4ff;background-image:linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%)}.button.blue:hover{background-image:linear-gradient(-180deg, #80d5ff 0%, #19b2ff 100%)}.button.blue:active{background:#148fcc}.button.red{background-color:#ff5044;background-image:linear-gradient(-180deg, #ff5044 0%, #e62117 100%)}.button.red:hover{background-image:linear-gradient(-180deg, #ff8280 0%, #ff0b0f 100%)}.button.red:active{background:#148fcc}.button.green{background-color:#97b147;background-image:linear-gradient(-180deg, #97b147 0%, #7e992e 100%)}.button.green:hover{background-image:linear-gradient(-180deg, #aecc52 0%, #94b336 100%)}.button.green:active{background:#7e992e}.button.orange{background-color:#ed996f}.button.gray{background-color:#bbb;background-image:linear-gradient(-180deg, #bbb 0%, #aaa 100%)}.button.gray:hover{background-image:linear-gradient(-180deg, #bbb 0%, #aaa 100%)}.button.gray:active{background:#999}.button.disabled{opacity:0.5;cursor:default;pointer-events:none}.plain-oval,.gray-oval,.round-active-button{padding:5px 10px;border:1px solid #898e97;border-radius:18px;background:white;color:black;font-weight:bold;text-align:center;font-size:14px;display:inline-block}.plain-oval:focus,.gray-oval:focus,.round-active-button:focus{outline:none}.gray-oval,.round-active-button{background-color:#a1a7b2;color:white;text-shadow:1px 1px #898e97}.round-active-button{cursor:pointer;background:linear-gradient(-180deg, #97b147 0%, #7e992e 100%);text-decoration:none;color:white}.round-active-button:hover,.round-active-button:focus{filter:brightness(1.1)}.fixed-width-button{width:100px}.flat-button{border:1px solid rgba(0,0,0,0.25);border-radius:5px;display:inline-block;background-color:transparent;color:white;padding:0.5em 1em;font-weight:bold;text-align:center;text-decoration:none;transition:background-color 0.1s ease-in-out}.flat-button.disabled{opacity:0.5;cursor:default;pointer-events:none}.flat-button.large-button{font-size:1.15em}.flat-button.larger-button{font-size:1.25em;padding:0.85em 1.75em}.flat-button.green{background-color:#98b347}.flat-button.green:hover{background-color:#adc369}.flat-button.blue{background-color:#169fe3}.flat-button.blue:hover{background-color:#41b3ec}.flat-button.red{background-color:#c9262c}.flat-button.red:hover{background-color:#dc474c}.flat-button.gray{background-color:#757b86}.flat-button.gray:hover{background-color:#90959e}.subtab-button{border-radius:3px;font-weight:bold;font-size:14px;line-height:17px;padding:14px;text-decoration:none;text-shadow:0px 1px 0px rgba(0,0,0,0.2)}.subtab-button.grey{box-shadow:inset 0px 2px 0px 0px rgba(255,255,255,0.2),inset 0px -2px 0px 0px rgba(0,0,0,0.5);background-image:linear-gradient(-180deg, #a1a7b2 0%, #7b818c 100%);color:#fff}.subtab-button.orange{box-shadow:inset 0px -2px 0px 0px rgba(255,255,255,0.2),inset 0px 2px 0px 0px rgba(0,0,0,0.2);background-image:linear-gradient(0deg, #ffb061 0%, #ef9841 100%);color:#fff3dd}.subtab-button:hover,.subtab-button:focus{filter:brightness(1.1)}.button-v2{color:white;cursor:pointer;display:inline-block;font-weight:bold;text-decoration:none;text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,0.65);text-transform:uppercase;transition-duration:0.2s;transition-property:background-color, border, color, box-shadow, text-shadow;transition-timing-function:ease-in-out;white-space:nowrap}.button-v2:active{box-shadow:inset 0 0 0.1em 0.1em rgba(0,0,0,0.35)}.button-v2.black{border:2px solid rgba(141,141,141,0.6);background-color:rgba(10,10,10,0.35)}.button-v2.blue{background-color:#169fe3;border:1px solid #169fe3}.button-v2.blue:hover,.button-v2.blue:focus{background-color:#169fe3;border:1px solid #169fe3}.button-v2.blue:hover:not(.clear-button),.button-v2.blue:focus:not(.clear-button){background-color:#148fcc;border:1px solid #148fcc}.button-v2.blue:active:not(.clear-button){background-color:#106e9e;border:1px solid #106e9e}.button-v2.gray{background-color:#7f7f7f;border:1px solid #7f7f7f}.button-v2.gray:hover,.button-v2.gray:focus{background-color:#7f7f7f;border:1px solid #7f7f7f}.button-v2.gray:hover:not(.clear-button),.button-v2.gray:focus:not(.clear-button){background-color:#727272;border:1px solid #727272}.button-v2.gray:active:not(.clear-button){background-color:#595959;border:1px solid #595959}.button-v2.green{background-color:#98b347;border:1px solid #98b347}.button-v2.green:hover,.button-v2.green:focus{background-color:#98b347;border:1px solid #98b347}.button-v2.green:hover:not(.clear-button),.button-v2.green:focus:not(.clear-button){background-color:#88a040;border:1px solid #88a040}.button-v2.green:active:not(.clear-button){background-color:#697c31;border:1px solid #697c31}.button-v2.orange{background-color:#ea6f0b;border:1px solid #ea6f0b}.button-v2.orange:hover,.button-v2.orange:focus{background-color:#ea6f0b;border:1px solid #ea6f0b}.button-v2.orange:hover:not(.clear-button),.button-v2.orange:focus:not(.clear-button){background-color:#d1640a;border:1px solid #d1640a}.button-v2.orange:active:not(.clear-button){background-color:#a14c08;border:1px solid #a14c08}.button-v2.red{background-color:#c9262c;border:1px solid #c9262c}.button-v2.red:hover,.button-v2.red:focus{background-color:#c9262c;border:1px solid #c9262c}.button-v2.red:hover:not(.clear-button),.button-v2.red:focus:not(.clear-button){background-color:#b42227;border:1px solid #b42227}.button-v2.red:active:not(.clear-button){background-color:#891a1e;border:1px solid #891a1e}.button-v2.clear-button{background-color:inherit;border-color:inherit;border-style:solid;border-width:1px;color:inherit;text-shadow:none}.button-v2.clear-button:not(.no-hover):hover{color:white;text-shadow:0.1em 0.1em 0.1em rgba(0,0,0,0.65)}.button-v2.clear-button.black:hover{background-color:rgba(0,0,0,0.85);border-color:white}.ghost-button{opacity:0.35}.ghost-button:hover:not(.disabled){opacity:1}.oval-button{padding:0.75em 1em;border-radius:1.75em}.rectangular-button{padding:0.5em 0.75em;border-radius:0.3em}.flat-cta-button{text-transform:uppercase;font-weight:bold;transition-duration:0.1s;transition-property:background-color, border, color, box-shadow, text-shadow;border-radius:4px;padding:1em;display:block;box-sizing:border-box;text-decoration:none}.flat-cta-button:disabled{opacity:.4;pointer-events:none}.flat-cta-button.white{color:#4a4a4a;border:4px solid #4a4a4a}.flat-cta-button.white:hover,.flat-cta-button.white:focus{color:white;border-color:#4a4a4a;background-color:#4a4a4a}.flat-cta-button.white:active{color:black;border-color:#363636;background-color:#363636}.flat-cta-button.blue{color:white;background-color:#169fe3}.flat-cta-button.blue:hover,.flat-cta-button.blue:focus{background-color:#1175a7}.flat-cta-button.blue:active{background-color:#0b5174}.flat-cta-button.blue:active{color:#073750}.flat-cta-button.gray{color:#4a4a4a;background-color:#e8e8e8}.flat-cta-button.gray:hover,.flat-cta-button.gray:focus{background-color:#c7c7c7}.flat-cta-button.gray:active{background-color:#ababab}.flat-cta-button.facebook-blue{color:white;background-color:#4766a9}.flat-cta-button.facebook-blue:hover,.flat-cta-button.facebook-blue:focus{background-color:#334a7a}.flat-cta-button.facebook-blue:active{background-color:#233253}.flat-cta-button.facebook-blue:active{color:#141f33}body{background-color:#e3e3e3}.inner-main-wrapper{color:#4a4a4a}.purchase-flow-body{width:94vw;max-width:37.5em;margin:0 auto;position:relative}.purchase-flow-body *:focus{outline-color:#2472e0}.primary-section{border:1px solid #bfbfbf;border-radius:4px;margin-bottom:.625em;background-color:white;padding:1.25em .625em}@media (min-width: 48em){.primary-section{padding:1.875em 2.5em}}.primary-section a{color:inherit}.primary-section a:hover{text-decoration:none}.primary-section .header{font-size:1.125em;margin:0 0 1em}.fine-print{color:#666;font-size:.9em}.fine-print a{color:#4a4a4a}.fine-print a:hover{text-decoration:none}.details-container{position:relative;padding:1.5em 1.125em 1.5em calc(1.125em + 12px)}.details-container:before{border-left:12px solid #ca7d2f;content:'';position:absolute;top:0;bottom:0;left:0}.details-container:first-of-type:before{border-color:#ef9943;border-top-left-radius:3px}.details-container:last-of-type:before{border-bottom-left-radius:3px}.legal-opt-in{position:relative;padding:1.5em 1.125em 1.5em calc(1.125em + 4.375em)}.legal-opt-in .sidebar{position:absolute;left:0;top:0;width:4.375em;height:100%;background:#cff2d1;border-right:1px solid #bfbfbf;align-items:center;justify-content:center;text-align:center;display:flex;border-bottom-left-radius:3px;border-top-left-radius:3px}.legal-opt-in .sidebar .hb{color:#56b856;font-size:2em}.legal-opt-in .disclaimer{padding:.7em 0 .7em 1.7em;font-size:.875em;color:#545454}.details-container{display:flex;justify-content:space-between}.details-container.details-column{flex-direction:column}.details-container .details{flex-grow:1}.details-container h2{margin:0;font-size:1.25em;text-transform:uppercase}.details-container .checkout-price{font-size:1.125em}.details-container .checkout-price strong{text-transform:uppercase;margin:.55rem 0;display:inline-block}.details-container .checkout-price strong.free{color:#ef9943}.details-container .checkout-price strong.lowercase{text-transform:lowercase}.details-container .extra-info{color:#7d7d7d}@media (min-width: 48em){.details-container h2{font-size:1.5em}.details-container .checkout-price{font-size:1.25em}}.details-container .monthly-info{display:none;max-width:8em;max-height:6.25em;text-align:center;font-weight:bold;text-transform:uppercase;word-wrap:break-word;border:1px solid #ef9943;margin-left:3.125em;flex-direction:column;border-radius:2px}.details-container .monthly-info .plan-name{background-color:#ef9943;color:white;padding:.6em 1em;font-size:1.125em}.details-container .monthly-info .product-name{background-color:#f2e0cf;font-size:.875em;padding:.4em 1em;flex-grow:1;display:inline-flex;justify-content:center;align-items:center}@media (min-width: 48em){.details-container .monthly-info{display:flex}}.gift-option-view,.warning-view{position:relative;padding:1.28em 1em 1.28em calc(1em + 2.375em);font-size:.875em}.gift-option-view:before,.warning-view:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:2.375em;border-right:1px solid #bfbfbf;background-repeat:no-repeat;background-position:center;border-bottom-left-radius:3px;border-top-left-radius:3px}@media (min-width: 48em){.gift-option-view,.warning-view{font-size:1em;padding:1.5em 1.125em 1.5em calc(1.125em + 4.375em)}.gift-option-view:before,.warning-view:before{width:4.375em}}.warning-view:before{background-color:#fbf5bc;background-image:url("http://cdn.humblebundle.com/static/hashed/3fd9d002efd4d8bd11e1b6d4add0bed17d428b98.svg");background-size:55%}@media (min-width: 48em){.warning-view:before{background-size:45%}}.warning-view.error:before{background-color:#f2cfcf;background-image:url("http://cdn.humblebundle.com/static/hashed/a40b0eb8a05502e09e122c420bdbe443584badf5.svg")}.warning-view.success:before{background-color:#cff2d0;background-image:url("http://cdn.humblebundle.com/static/hashed/f6bc2e1d2770446ba28bb0f1f637c297817c1947.svg")}.options-divider{width:95%;max-width:19.5em;margin:0 auto;display:flex;justify-content:center;align-items:center}.options-divider:before,.options-divider:after{display:block;content:'';flex-grow:1;height:2px;background-color:#bfbfbf}.options-divider .divider-text{text-transform:uppercase;font-weight:bold;margin:1.25em .825em;white-space:nowrap}.field-wrapper .input-field-container:after{display:none;content:'';width:3.125em;height:3.125em;background-position:center;background-repeat:no-repeat;background-size:1.875em}.field-wrapper .input-field-container{display:flex;align-items:center;box-shadow:inset 0 0 0 1px #bfbfbf;border-radius:2px;overflow:hidden}.field-wrapper .input-field-container .icon{text-align:center;width:3.25em;box-sizing:border-box;padding:.5em 0;border-right:2px solid #bfbfbf;line-height:1em}.field-wrapper .input-field-container .icon img{vertical-align:middle}.field-wrapper .input-field-container .text-input{border:none;padding:1em .75em;height:calc(1em - 2 * $boxshadowOffset);flex-grow:1;margin:2px}.field-wrapper .input-status{display:none;font-size:.875em;margin:.5em 0 1em}.field-wrapper.focused input:not([type='checkbox']){outline:none}.field-wrapper.focused .input-field-container{box-shadow:inset 0 0 0 2px #545454}.field-wrapper.error .input-field-container{box-shadow:0 0 0 2px #d91c1c}.field-wrapper.error .input-field-container:after{display:block;background-image:url("http://cdn.humblebundle.com/static/hashed/a40b0eb8a05502e09e122c420bdbe443584badf5.svg")}.field-wrapper.error .input-status{display:block;color:#d91c1c}.field-wrapper.success .input-field-container:after{display:block;background-image:url("http://cdn.humblebundle.com/static/hashed/f6bc2e1d2770446ba28bb0f1f637c297817c1947.svg")}.field-wrapper.success .input-status{display:block;color:#55b654}.footer-section{margin:auto;padding:0 .5em 1.4em}.login-message-container{align-items:center;border:1px solid #282c34;border-radius:0.1em;color:#4a4a4a;display:flex;margin-bottom:1em;padding:1em 0}.login-message-container .exclamation-icon{border-right:2px solid #bfbfbf;color:#282c34;font-size:1.65em;margin-left:0.39em;padding-right:0.5em}.login-message-container .message-text{padding:0 0.5em}.extras{padding:1.25em}@media (min-width: 48em){.extras{padding:1.875em 2.5em}}form.submission-disabled{position:relative}form.submission-disabled:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;top:0;background-color:white;opacity:.75;background-image:url("../gif/26faf55c6e36ba3b1a57f9001942059fe05050f2.gif");background-position:center;background-repeat:no-repeat;background-size:10%}.login-signup-form{text-align:center;margin-top:.685em}.login-signup-form .input-field-container{margin-bottom:0.625em}.login-signup-form .secondary-action{font-size:.875em;text-decoration:underline;margin-bottom:1.5em}.login-signup-form .secondary-action:hover{text-decoration:none}.login-signup-form .flat-cta-button{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.login-signup-form .flat-cta-button.google img,.login-signup-form .flat-cta-button.facebook img{margin-right:1.25em}.login-signup-form .flat-cta-button.google{margin-bottom:.625em}.signup-form-view .subscribe-section{display:flex;align-items:baseline;text-align:left;margin-bottom:.875em}.signup-form-view .subscribe-section input[name='subscribe']{margin-right:.625em}.signup-form-view .subscribe-section label{font-size:.9em}.signup-form-view .fine-print{margin-bottom:0}.signup-form-view .footer-section a{color:inherit}.signup-form-view .footer-section a:hover{text-decoration:none}.terms-form-view form{margin-bottom:.5em}.terms-form-view .secondary-action{margin-bottom:0}.login-code-form p{font-size:.9em}.login-code-form .form-decoration{background-position:center;background-repeat:no-repeat;height:3.125em;background-size:contain;margin-bottom:1.325em}.login-code-form .form-decoration.humble-guard{background-image:url("http://cdn.humblebundle.com/static/hashed/8addfefcd7cf1d3f0506cc468df261579b233814.svg")}.login-code-form .form-decoration.authy{background-image:url("http://cdn.humblebundle.com/static/hashed/f1075b50b632d50908e89941184775c7e8be3ae3.svg")}.login-code-form .form-decoration.gauth{background-image:url("http://cdn.humblebundle.com/static/hashed/19f2107d88fc224282c4cab3603586e2fcc43172.svg")}.login-code-form .other-actions{display:flex;justify-content:space-between}.field-wrapper .input-status{text-align:left}.humbleguard-form-view input[name='code']{text-transform:uppercase}.footer-section .header{font-size:1.125em;margin:.55em 0}.footer-section .fine-print{padding-top:1.4em;margin:1.4em 0;border-top:solid 2px #d9d9d9}