@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;height:auto}a{text-decoration:none;color:#000}p{line-height:1.7}ul{list-style:none}li{line-height:2.2}h1,h2,h3{font-weight:600;margin-top:10px;margin-bottom:10px}h1{font-size:2.5rem}h2{font-size:1.8rem}.payoffs h2,.comparison h2,.surface h2{margin-bottom:20px}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.active{color:green;font-weight:700;text-transform:uppercase}.header{display:flex;justify-content:space-between;align-items:center;margin:5px 0;padding:5px 0;border-bottom:1px solid #e6e6e6}.header ul{display:flex;align-items:center;justify-content:space-between}.header ul li{margin:10px}.header ul li a{display:flex;align-items:center}.header ul li a:hover{color:#777}.header ul li a svg{margin-right:5px}.header .logo{margin:10px 0}.btn{padding:10px 20px;border:1px solid #000;border-radius:5px;background:#000;color:#fff;font-size:16px;font-weight:700;cursor:pointer;text-align:center;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:flex;align-items:center;justify-content:center}.btn svg{margin-right:8px}.btn-reverse{background:#fff;color:#000}.btn-block{width:100%;margin-bottom:20px}.btn-sm{padding:5px 15px;font-size:13px}.btn-danger{background:#8b0000;border:none}.btn-back{width:150px;margin-bottom:20px}.btn:hover{transform:scale(.98)}.btn-close{background:none;border:none;color:#000;position:absolute;top:5px;right:5px;font-size:16px;cursor:pointer}.btn-close:hover{color:red;transform:scale(.98)}footer{position:sticky;top:95vh;text-align:center}.loadingSpinnerContainer{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:5000;display:flex;justify-content:center;align-items:center}.loadingSpinner{width:64px;height:64px;border:8px solid;border-color:#000 transparent #555 transparent;border-radius:50%;animation:spin 1.2s linear infinite}input[type=number]{width:30px;text-align:right;font-size:.8rem;border:none}input[type=radio]{vertical-align:middle}.surface,.comparison,.payoffs{padding-top:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e6e6e6}.payoffs{border-bottom:1px solid #e6e6e6}.comparison-data,.surface-data{height:55rem}.payoffs-data{height:35rem}.comparison-inputs,.surface-inputs,.payoffs-inputs{text-align:center;float:left;width:20%;height:100%}.comparison-graph,.surface-graph,.payoffs-graph{float:right;display:block;height:100%;width:80%}.surface-graph-box,.comparison-graph-box,.payoffs-graph-box{display:inline-block;height:100%;width:100%}.surface-graph-box .js-plotly-plot,.surface-graph-box .plot-container{width:65vw;max-width:55rem;height:65vw;max-height:55rem}.comparison-graph-box .js-plotly-plot,.comparison-graph-box .plot-container{width:50vw;max-width:55rem;height:50rem;max-height:55rem}.payoffs-graph .js-plotly-plot,.payoffs-graph .plot-container{width:50vw;max-width:55rem;height:33rem;max-height:35rem}.radio-group,.number-group{padding:.5rem;margin:.5rem}.radio-button,.number-input{display:block;font-size:.8rem}.submit-button{display:flex;justify-content:center;align-items:center}input.btn{display:inline-block;width:85%;font-size:1.2rem;padding:.25rem .625rem;text-align:center;text-decoration:none}.field-labels{font-size:.9rem;font-weight:700}.opt-price{padding-top:20px}.opt_data_label{text-transform:capitalize}.opt-price-text{font-size:.9rem}.radiowrapper{font-size:.8rem;margin-left:0}.radiowrapper input{visibility:hidden;width:0}.radiowrapper label:hover{font-weight:700}.radiowrapper input:checked+label{font-weight:700;text-transform:uppercase;color:green;font-size:.9rem}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.hovertext{position:relative}.hovertext:before{content:attr(data-hover);visibility:hidden;opacity:0;width:600px;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px 0;transition:opacity 1s ease-in-out;position:absolute;z-index:1;left:90px;top:0%}.hovertext:hover:before{opacity:.7;visibility:visible}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-nav-bar{width:100%;padding:8px 0;margin-bottom:0;border-bottom:1px solid #ddd}.app-nav-items{display:flex;justify-content:space-evenly;align-items:center;list-style:none;margin:0;padding:0}.app-nav-items a{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:400;color:#000;text-decoration:none}.app-nav-items a:hover{color:#777}.app-nav-items a.active{color:green;font-weight:700;text-transform:uppercase}@media only screen and (max-width: 1300px){h1{font-size:2rem}h2{font-size:1.6rem}.payoffs h2,.comparison h2,.surface h2{margin-bottom:15px}.radiowrapper{font-size:.7rem}.radiowrapper input:checked+label{font-size:.8rem}.field-labels{font-size:.8rem}.opt-price{padding-top:15px}.opt-price-text{font-size:.8rem}a{font-size:.9rem}.header{padding:15px 0}.radio-group,.number-group{margin:5px;padding:5px}input.btn{font-size:1rem}.radio-button,.number-input{font-size:.7rem}input[type=number]{width:25px;font-size:.7rem}.surface,.comparison,.payoffs{padding-top:40px;margin-bottom:80px;padding-bottom:40px}.comparison,.payoffs{padding-top:40px}.comparison-data,.surface-data{height:46rem}.payoffs-data{height:30rem}.comparison-inputs,.surface-inputs,.payoffs-inputs{text-align:center;float:left;width:25%;height:100%}.comparison-graph,.surface-graph,.payoffs-graph{float:right;display:block;height:100%;width:75%}.surface-graph-box .js-plotly-plot,.surface-graph-box .plot-container{width:65vw;max-width:46rem;height:65vw;max-height:46rem}.comparison-graph-box .js-plotly-plot,.comparison-graph-box .plot-container{width:50vw;max-width:44rem;height:44rem;max-height:44rem}.payoffs-graph .js-plotly-plot,.payoffs-graph .plot-container{width:50vw;max-width:44rem;height:28rem;max-height:30rem}}@media only screen and (max-width: 935px){h1{font-size:1.5rem}h2{font-size:1.2rem}.payoffs h2,.comparison h2,.surface h2{margin-bottom:10px}.radiowrapper{font-size:.6rem}.radiowrapper input:checked+label{font-size:.7rem}.field-labels{font-size:.7rem}.opt-price{padding-top:10px}.opt-price-text{font-size:.7rem}a{font-size:.8rem}.header{padding:10px 0}.radio-group,.number-group{margin:2px;padding:2px}input.btn{font-size:.9rem}.radio-button,.number-input{font-size:.6rem}input[type=number]{width:18px;font-size:.6rem}.surface,.comparison,.payoffs{padding-top:15px;margin-bottom:30px;padding-bottom:15px}.comparison,.payoffs{padding-top:15px}.surface-data{height:40rem}.comparison-data{height:36rem}.payoffs-data{height:25rem}.comparison-inputs,.surface-inputs,.payoffs-inputs{text-align:center;float:left;width:25%;height:100%}.comparison-graph,.surface-graph,.payoffs-graph{float:right;display:block;height:100%;width:75%}.surface-graph-box .js-plotly-plot,.surface-graph-box .plot-container{width:65vw;max-width:40rem;height:65vw;max-height:40rem}.comparison-graph-box .js-plotly-plot,.comparison-graph-box .plot-container{width:65vw;max-width:40rem;height:36rem;max-height:75vw}.payoffs-graph .js-plotly-plot,.payoffs-graph .plot-container{width:65vw;max-width:40rem;height:23rem;max-height:55vw}.hovertext:before{content:attr(data-hover);visibility:hidden;opacity:0;width:420px;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px 0;transition:opacity 1s ease-in-out;font-size:.5rem;position:absolute;z-index:1;left:60px;top:0}}@media only screen and (max-width: 650px){h1{font-size:1.5rem}h2{font-size:1.2rem}.payoffs h2,.comparison h2,.surface h2{margin-bottom:10px}.radiowrapper{font-size:.5rem}.radiowrapper input:checked+label{font-size:.6rem}.field-labels{font-size:.6rem}.opt-price{padding-top:10px}.opt-price-text{font-size:.6rem}a{font-size:.7rem}.header{padding:10px 0}.radio-group{margin:1px;padding:1px}input.btn{font-size:.8rem}.radio-button,.number-input{font-size:.5rem}input[type=number]{width:15px;font-size:.5rem}.surface,.comparison,.payoffs{padding-top:10px;margin-bottom:20px;padding-bottom:10px}.comparison,.payoffs{padding-top:10px}.surface-data,.comparison-data{height:36rem}.payoffs-data{height:25rem}.comparison-inputs,.surface-inputs,.payoffs-inputs{text-align:center;float:left;width:25%;height:100%}.comparison-graph,.surface-graph,.payoffs-graph{float:right;display:block;height:100%;width:75%}.surface-graph-box .js-plotly-plot,.surface-graph-box .plot-container{width:65vw;max-width:40rem;height:65vw;max-height:40rem}.comparison-graph-box .js-plotly-plot,.comparison-graph-box .plot-container{width:65vw;max-width:40rem;height:40rem;max-height:80vw}.payoffs-graph .js-plotly-plot,.payoffs-graph .plot-container{width:65vw;max-width:40rem;height:23rem;max-height:55vw}.hovertext:before{content:attr(data-hover);visibility:hidden;opacity:0;width:300px;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px 0;transition:opacity 1s ease-in-out;font-size:.5rem;position:absolute;z-index:1;left:60px;top:0}}@media only screen and (max-width: 500px){.links{display:flex;flex-direction:column}.sub-links{display:flex;flex-direction:column;text-align:center}.header ul li{margin:5px}.surface-data,.comparison-data,.payoffs-data{display:flex;flex-direction:column-reverse}.surface-data,.comparison-data,.payoffs-data{height:auto}.surface-inputs,.comparison-inputs,.payoffs-inputs{padding-top:10px;float:none;width:100%;height:auto}.surface-graph,.comparison-graph,.payoffs-graph{float:none;width:100%;height:auto}.surface-graph-box{height:auto}.surface-graph-box .js-plotly-plot,.surface-graph-box .plot-container{width:50vw;max-width:40rem;height:50vw;max-height:40rem}.comparison-graph-box .js-plotly-plot,.comparison-graph-box .plot-container{width:75vw;max-width:40rem;height:40rem;max-height:90vw}.payoffs-graph .js-plotly-plot,.payoffs-graph .plot-container{width:75vw;max-width:40rem;height:23rem;max-height:65vw}.hovertext:before{content:attr(data-hover);visibility:hidden;opacity:0;width:90px;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px 0;transition:opacity 1s ease-in-out;font-size:.5rem;position:absolute;z-index:1;left:60px;top:0}}