@import url("https://www.stuff.co.nz/static/spade/fonts/stuff-sans.css");
.container *{-webkit-box-sizing:border-box;box-sizing:border-box}.container div,.container span,.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container p{margin:0;font-weight:inherit}.container main{display:block}#stuff__interactive-content{max-width:none;margin:0 auto;text-align:left}@media only screen and (min-width:600px){#stuff__interactive-content{max-width:612px}}#stuff__interactive-content .body{-webkit-font-feature-settings:'kern' 1,'onum' 0,'liga' 0,'tnum' 1;font-feature-settings:'kern' 1,'onum' 0,'liga' 0,'tnum' 1;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#c6f7e2;color:#2f43e4;font-weight:500;font-family:'Stuff Sans',Helvetica,Arial,sans-serif;font-size:14px}@media only screen and (min-width:1240px){#stuff__interactive-content .body{font-size:17px}}#stuff__interactive-content .body h1{font-size:40px;line-height:1.4}#stuff__interactive-content .body h2{font-size:23px;line-height:1.1}#stuff__interactive-content .body h3{font-size:20px;line-height:1.5}#stuff__interactive-content .body h4{font-size:17px;line-height:20px}#stuff__interactive-content .body h5{font-size:13px;line-height:1.1}#stuff__interactive-content .body h6{font-size:11px;line-height:1.65}#stuff__interactive-content .body a{text-decoration:none;color:#c6f7e2}#stuff__interactive-content .body a:visited,#stuff__interactive-content .body a:hover{color:#c6f7e2}#stuff__interactive-content .body strong,#stuff__interactive-content .body b{font-weight:700}#stuff__interactive-content .body em,#stuff__interactive-content .body i{font-style:italic}#stuff__interactive-content .body ul{list-style-type:none}#stuff__interactive-content .body li{font-size:14px}@media only screen and (min-width:1240px){#stuff__interactive-content .body li{font-size:17px}}#stuff__interactive-content .body img,#stuff__interactive-content .body video{display:block}#stuff__interactive-content .body button{cursor:pointer;border:none;outline:none;margin:0;padding:0;font-size:14px}@media only screen and (min-width:1240px){#stuff__interactive-content .body button{font-size:17px}}#stuff__interactive-content .body sub,#stuff__interactive-content .body sup{font-size:.75rem;line-height:0;position:relative;vertical-align:baseline}#stuff__interactive-content .body sup{top:-.5em}#stuff__interactive-content .body sub{bottom:-.25em}.lds-ring{display:inline-block;position:absolute;width:100%;height:50%;top:25%;left:0}.lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:120px;height:120px;border:2.5px dashed #c6f7e2;border-radius:50%;-webkit-animation:lds-ring 2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 2s cubic-bezier(.5,0,.5,1) infinite;border-color:#c6f7e2 transparent transparent transparent}.lds-ring div:nth-child(1){-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.lds-ring.loaded{display:none}@-webkit-keyframes lds-ring{0%{-webkit-transform:translate(-50%,0) rotate(0);transform:translate(-50%,0) rotate(0)}100%{-webkit-transform:translate(-50%,0) rotate(360deg);transform:translate(-50%,0) rotate(360deg)}}@keyframes lds-ring{0%{-webkit-transform:translate(-50%,0) rotate(0);transform:translate(-50%,0) rotate(0)}100%{-webkit-transform:translate(-50%,0) rotate(360deg);transform:translate(-50%,0) rotate(360deg)}}.container{width:100%;max-height:325px;overflow-y:hidden;position:relative;-webkit-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s}@media only screen and (min-width:600px){.container{max-height:285px}}.container .expand-wrapper{position:absolute;left:0;right:0;bottom:0;top:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-image:-webkit-gradient(linear,left bottom, left top,color-stop(35%, #c6f7e2),to(transparent));background-image:-o-linear-gradient(bottom,#c6f7e2 35%,transparent 100%);background-image:linear-gradient(to top,#c6f7e2 35%,transparent 100%);z-index:500;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;pointer-events:all}@media only screen and (min-width:841px){.container .expand-wrapper{top:calc(100% - 75px)}}.container .expand-wrapper .expand-button{font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:1}.container .expand-wrapper .expand-button:after{content:"\25BE";font-size:1.3em}.container .expand-wrapper .expand-button:hover{cursor:pointer;opacity:.8}.container .calculate-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:0 0 15px 0}.container .calculate-wrapper .calculate-button{width:160px;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background-color:#2f43e4;color:#c6f7e2}.container .calculate-wrapper .calculate-button:focus-within,.container .calculate-wrapper .calculate-button:focus{outline:2px solid #2f43e4;outline-offset:2px}.container.open{max-height:var(--maxHeight)}.container.open .expand-wrapper{opacity:0;pointer-events:none}.container .header-wrapper{padding:15px}.container .title,.container .tag{font-weight:700;margin-bottom:5px}.container .subtitle{font-weight:500;margin-bottom:15px}.container .tag{letter-spacing:.05em;text-transform:uppercase}.text-input-wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.text-input-wrapper .error-label{position:absolute;top:-20px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);font-size:10px;padding:5px;color:#fff;background-color:#8c072b;z-index:500;text-align:center;white-space:nowrap;visibility:hidden}.text-input-wrapper.error{-webkit-box-shadow:0 2pt #8c072b;box-shadow:0 2pt #8c072b}.text-input-wrapper.error .error-label{visibility:visible}input[type="text"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type="text"]:focus{outline:none}.text-label{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.text-input{border:none;width:100%;-webkit-box-shadow:0 1pt #c6f7e2;box-shadow:0 1pt #c6f7e2;background-color:transparent;text-align:center;color:#c6f7e2;font-weight:600;font-size:20px;position:relative;z-index:0}.text-input:focus{-webkit-box-shadow:0 2pt #c6f7e2;box-shadow:0 2pt #c6f7e2}.text-input.error{-webkit-box-shadow:0 2pt #8c072b;box-shadow:0 2pt #8c072b;z-index:500}.text-label{text-transform:uppercase}.text-input-control{position:absolute;top:0;width:23px;text-align:center;vertical-align:middle;line-height:1.5;color:#2f43e4;background-color:#c6f7e2;font-size:17px;z-index:0}.text-input-control.text-input-control__down{left:0;right:auto}.text-input-control.text-input-control__up{right:0}.form-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:25px}.form-container .form-text{width:50%;-ms-flex-negative:1;flex-shrink:1}.form-container .text-input{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%}.radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:3px !important;gap:5px}.radio-wrapper .radio-prompt{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.form-radio{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.checkmark-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2f43e4;margin:0;font:inherit;width:25px;height:25px;border:1px solid #c6f7e2;display:grid;place-content:center}input[type="radio"]:focus{outline:none}.radio-input:focus{border:2px solid #c6f7e2}input[type="radio"]::before{content:"";width:21px;height:21px;border-radius:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.25s transform ease-in-out;-o-transition:.25s transform ease-in-out;transition:.25s transform ease-in-out;background-color:#c6f7e2;-webkit-box-shadow:inset 1em 1em #c6f7e2;box-shadow:inset 1em 1em #c6f7e2}input[type="radio"]:checked::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.question-wrapper{margin-bottom:15px !important;padding:0 15px}.question-wrapper .question-tag{font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.question-wrapper .question-main{padding:15px;background-color:#2f43e4;color:#c6f7e2}.question-wrapper .question-main .question{margin-bottom:15px !important}.read-more-container{padding:0 15px}.read-more-container .read-more{list-style-type:none;margin:0;padding:0;margin:0;padding:0;visibility:hidden}.read-more-container .read-more-item{margin-bottom:5px}.read-more-container .read-more-item:before{content:"\25AA";color:#c6f7e2;display:inline-block;margin-right:5px}.read-more-container .read-more-link:hover{-webkit-box-shadow:0 1pt #c6f7e2;box-shadow:0 1pt #c6f7e2}.interaction-wrapper{position:relative}.interaction-wrapper .sliding-graph{overflow:hidden;position:absolute;top:100%;bottom:0;width:100%;padding:15px 0 0 0;background-color:#2f43e4;-webkit-transition:top 1s cubic-bezier(.25,.1,.25,1);-o-transition:top 1s cubic-bezier(.25,.1,.25,1);transition:top 1s cubic-bezier(.25,.1,.25,1);z-index:500}.interaction-wrapper .sliding-graph .d3-wrapper{visibility:hidden;width:100%;height:80px}.interaction-wrapper .sliding-graph .graph-header{visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;color:#c6f7e2;padding:0 15px;font-weight:700;line-height:1.1}.interaction-wrapper .sliding-graph .copy{visibility:hidden;color:#c6f7e2;padding:0 15px;font-weight:500;margin:0 0 15px 0}.interaction-wrapper .sliding-graph .copy-paragraph{margin-bottom:15px;font-size:14px;line-height:1.65}@media only screen and (min-width:1240px){.interaction-wrapper .sliding-graph .copy-paragraph{font-size:17px}}.interaction-wrapper .sliding-graph .copy .inflation-qualifier{padding:2px 5px;color:#2f43e4;background-color:#c6f7e2;border-radius:3px}.interaction-wrapper .sliding-graph .copy .inflaton-link{color:#c6f7e2;-webkit-box-shadow:inset 0 -.15rem 0 0 #c6f7e2;box-shadow:inset 0 -.15rem 0 0 #c6f7e2}.interaction-wrapper .sliding-graph .reset-wrapper{visibility:hidden;color:#2f43e4}.interaction-wrapper .sliding-graph .reset-wrapper .reset-button{margin:0 auto;padding:10px 5px;background-color:#c6f7e2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;cursor:pointer;font-size:11px}.interaction-wrapper .sliding-graph .reset-wrapper .reset-button svg{width:12px;height:12px}.interaction-wrapper .sliding-graph.active{top:-1%}.interaction-wrapper .sliding-graph.loaded .d3-wrapper,.interaction-wrapper .sliding-graph.loaded .graph-header,.interaction-wrapper .sliding-graph.loaded .copy,.interaction-wrapper .sliding-graph.loaded .reset-wrapper,.interaction-wrapper .sliding-graph.loaded .read-more{visibility:visible}.interaction-wrapper .g-vis .inflation-marker{stroke:#c6f7e2}.interaction-wrapper .g-vis .inflation-marker-you{fill:#c6f7e2}.interaction-wrapper .g-vis .inflation-marker-ave{fill:#2f43e4}.interaction-wrapper .g-vis .inflation-value,.interaction-wrapper .g-vis .inflation-label{fill:#c6f7e2;text-transform:uppercase}.interaction-wrapper .g-vis .inflation-label-you{font-weight:700}.interaction-wrapper .g-vis .inflation-label-ave{font-weight:400}.interaction-wrapper .g-vis .inflation-value{font-size:12px}.interaction-wrapper .g-axis g .domain{stroke:#c6f7e2;stroke-width:2pt}.interaction-wrapper .g-axis g .tick line{stroke:#c6f7e2}.interaction-wrapper .g-axis g .tick text{color:#c6f7e2}.placeholder{background:#282828}