.earn-calc{min-width:260px;max-width:520px;min-height:360px;margin-left:auto;margin-right:auto;display:grid;container-type:inline-size}.earn-calc p{margin:0}.earn-calc__breadcrumbs{margin-bottom:16px}.earn-calc[loading=true]{opacity:.5}.earn-calc[init=true]{background-size:100% auto;background-repeat:no-repeat;background-image:url(../../../../images/skeleton.926acd2c.png)}.earn-calc[shaking=true]{animation:horizontal-shaking .35s forwards}.earn-calc__progress-tracker{display:flex;min-width:48px;padding:0 16px;flex-direction:column;align-items:center;box-sizing:border-box}.earn-calc__progress-tracker__thumb{width:16px;height:16px;flex-shrink:0;border-radius:360px;background:var(--ncos-colour-sys-secondary)}.earn-calc__progress-tracker__rail{width:1px;height:100%;min-height:24px;flex:1 auto;background:var(--ncos-colour-sys-secondary)}.earn-calc__progress-tracker--variant-start .earn-calc__progress-tracker__rail:first-of-type{flex-basis:24px;background:rgba(0,0,0,0)}.earn-calc__progress-tracker--variant-mid-top .earn-calc__progress-tracker__rail:first-of-type{flex-basis:24px}.earn-calc__progress-tracker--variant-mid-bottom .earn-calc__progress-tracker__rail:last-of-type{flex-basis:24px}.earn-calc__progress-tracker--variant-end .earn-calc__progress-tracker__rail:last-of-type{flex-basis:24px;background:rgba(0,0,0,0)}.earn-calc__progress-tracker--state-disabled .earn-calc__progress-tracker__thumb{background:var(--ncos-colour-sys-on-surface)}.earn-calc__progress-tracker--state-disabled .earn-calc__progress-tracker__rail{background:var(--ncos-colour-sys-outline)}.earn-calc__progress-tracker--thumb-hidden .earn-calc__progress-tracker__thumb{display:none}.earn-calc__screen{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:10;background:var(--ncos-colour-sys-surface-container-high);border-radius:8px}.earn-calc__screen--queue-previous{box-shadow:none;margin-bottom:8px}.earn-calc__screen--queue-previous .earn-calc__screen__header{background:var(--ncos-colour-sys-surface-container);cursor:pointer}.earn-calc__screen--queue-previous .earn-calc__screen__header:hover .icon-button .icon::before{background-color:var(--ncos-colour-state-layer-primary-opacity-10)}.earn-calc__screen--queue-previous .earn-calc__screen__header:active .icon-button .icon::before{background-color:var(--ncos-colour-state-layer-primary-opacity-20)}.earn-calc__screen--queue-previous .earn-calc__screen__body,.earn-calc__screen--queue-previous .earn-calc__screen__footer{display:none}.earn-calc__screen--queue-previous .earn-calc__progress-tracker__thumb{background:var(--ncos-colour-sys-primary)}.earn-calc__screen--queue-previous .earn-calc__progress-tracker__rail{background:var(--ncos-colour-sys-outline)}.earn-calc__screen--queue-next{display:none}.earn-calc__screen__header{width:100%;display:flex;padding:0 32px 0 0;justify-content:space-between;align-items:stretch;box-sizing:border-box;border-radius:8px}.earn-calc__screen__header__contents{display:flex;padding:20px 0;flex-direction:column;align-items:stretch;gap:8px;flex:1 0 0}.earn-calc__screen__header__contents__name{color:var(--ncos-colour-sys-on-surface)}.earn-calc__screen__header__contents__helper{color:var(--ncos-colour-sys-on-surface-alt)}.earn-calc__screen__header .icon-button{margin-top:24px}.earn-calc__screen__body{width:100%;display:flex;align-items:stretch;box-sizing:border-box}.earn-calc__screen__body__contents{flex:1;display:flex;padding:24px 24px 24px 0;flex-direction:column;align-items:flex-start;gap:32px;align-self:stretch}#form-vehicles .form__group:last-of-type .separator{display:none}#form-region .radio-box-group__option{padding:4px 6px 4px 4px}@container (min-width: 360px){#form-region .radio-box-group__option{padding:8px}}@container (min-width: 420px){#form-region .radio-box-group__option{padding:16px}}.earn-calc__vehicles-screen__add-vehicle{width:100%;display:flex;justify-content:space-between}.earn-calc__result-screen{color:var(--ncos-colour-sys-on-surface);display:flex;flex-direction:column;align-items:center;width:100%;gap:24px}.earn-calc__result-screen__earnings{display:flex;flex-direction:column;gap:8px}.earn-calc__result-screen__total{display:flex;align-items:center;gap:8px}.earn-calc__result-screen__summary{display:flex;justify-content:center;align-items:center;gap:8px}.earn-calc__result-screen__vehicles,.earn-calc__result-screen__region{opacity:.4}.earn-calc__result-screen__region{text-transform:capitalize}.earn-calc__result-screen__stories{display:flex;width:100%;justify-content:space-between;align-items:center}.earn-calc__result-screen__stories img{width:80px;height:auto}.earn-calc__result-screen__stories a{text-decoration:underline;border:0 !important}.earn-calc__result-screen__map{width:100%;height:150px;border-radius:8px;overflow:hidden}.earn-calc__result-screen__map img{width:100%;height:100%;object-fit:center center;border-radius:8px}.earn-calc__result-screen__map a,.earn-calc__result-screen__map a:hover,.earn-calc__result-screen__stories a,.earn-calc__result-screen__stories a:hover{border-bottom:unset}.earn-calc__screen__footer{width:100%;display:flex;padding:0 32px 0 0;justify-content:space-between;align-items:stretch;background:var(--ncos-colour-sys-surface-container-highest);border-radius:0 0 8px 8px;box-sizing:border-box}.earn-calc__screen__footer__contents{display:flex;padding:20px 0;flex-direction:column;align-items:stretch;gap:8px;flex:1 0 0}.earn-calc__screen__footer .progress-bar{display:none}@container (min-width: 460px){.earn-calc__screen__footer .progress-bar{display:flex}}.earn-calc__button{display:flex;justify-content:center;align-items:center;gap:8px;height:40px;width:fit-content;max-width:100%;padding:0 32px;border-radius:360px;border:0;appearance:none;color:var(--ncos-colour-sys-on-primary);cursor:pointer}.earn-calc__button:not(button):hover{border-bottom:unset}.earn-calc__button__label{white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.earn-calc__button--filled{background:var(--ncos-colour-sys-primary)}.earn-calc__button--filled:hover{background:linear-gradient(var(--ncos-colour-state-layer-on-primary-opacity-10), var(--ncos-colour-state-layer-on-primary-opacity-10)),linear-gradient(var(--ncos-colour-sys-primary), var(--ncos-colour-sys-primary))}.earn-calc__button--filled:focus{background:linear-gradient(var(--ncos-colour-state-layer-on-primary-opacity-15), var(--ncos-colour-state-layer-on-primary-opacity-15)),linear-gradient(var(--ncos-colour-sys-primary), var(--ncos-colour-sys-primary))}.earn-calc__button--filled:active{background:linear-gradient(var(--ncos-colour-state-layer-on-primary-opacity-20), var(--ncos-colour-state-layer-on-primary-opacity-20)),linear-gradient(var(--ncos-colour-sys-primary), var(--ncos-colour-sys-primary))}.earn-calc__button--filled[disabled]{color:var(--ncos-colour-sys-on-surface-alt);background:var(--ncos-colour-state-layer-on-surface-opacity-10);cursor:default}.earn-calc__button--outlined{color:var(--ncos-colour-sys-on-surface);border:1px solid var(--ncos-colour-sys-primary);background:none}.earn-calc__button--outlined:hover{background:var(--ncos-colour-state-layer-primary-opacity-10)}.earn-calc__button--outlined:focus{background:var(--ncos-colour-state-layer-primary-opacity-15)}.earn-calc__button--outlined:active{background:var(--ncos-colour-state-layer-primary-opacity-20)}.earn-calc__button--outlined[disabled]{color:var(--ncos-colour-sys-outline);border:1px solid var(--ncos-colour-sys-outline-alt);cursor:default}.earn-calc__footnote{display:flex;padding:0 32px 0 0;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;margin-top:-16px;position:relative;z-index:5;border-radius:0 0 8px 8px}.earn-calc__footnote .earn-calc__progress-tracker__rail:first-of-type{flex-basis:32px}.earn-calc__footnote .earn-calc__progress-tracker__rail:last-of-type{flex-basis:16px;min-height:0}.earn-calc__footnote__contents{display:flex;padding:32px 0 16px 0;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.earn-calc__footnote__contents p{color:var(--ncos-colour-sys-on-surface-alt)}.earn-calc__footnote+.earn-calc__footnote{z-index:4}.earn-calc__footnote--queue-previous{display:none}@keyframes horizontal-shaking{0%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}