@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,.trades 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,.trades{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}.trades-subheader{font-size:1.2rem;text-align:left;margin-top:25px;border-bottom:1px solid #e6e6e6}.trades-idea{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;text-align:left}.trades-idea input,.trades-idea textarea,.trades-table input,.trades-table select{font-family:Poppins,sans-serif;font-size:.8rem;border:none;border-bottom:1px solid #a5b1cd;background:transparent}.trades-title-input{width:100%;font-weight:600}.trades-thesis-input{width:100%;resize:vertical}.trades-table-wrap{overflow-x:auto;margin:.5rem 0 1rem}.trades-table{border-collapse:collapse;width:100%;font-size:.8rem}.trades-table th{font-weight:700;padding:.3rem .4rem;border-bottom:2px solid #6a7284;vertical-align:bottom}.trades-table td{padding:.25rem .4rem;border-bottom:1px solid #e6e6e6;white-space:nowrap}.trades-table tfoot td{border-bottom:none;text-align:left}.trades-table input[type=number]{width:4rem}.trades-stocks-table{width:auto}.trades-stocks-table td,.trades-stocks-table input{text-align:center}.trades-marker-icon{vertical-align:-1px;margin-right:.35rem}.trades-table tfoot td.trades-net-label{text-align:right;font-weight:700}.trades-slider{display:flex;flex-direction:column;align-items:center;gap:2px}.trades-slider input[type=number]{text-align:center}.trades-table .trades-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:5.5rem;height:.9rem;margin:0;border:none;background:transparent;cursor:pointer}.trades-slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:#a5b1cd;border-radius:1px}.trades-slider input[type=range]::-moz-range-track{height:2px;background:#a5b1cd;border-radius:1px}.trades-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:4px;height:12px;margin-top:-5px;background:#000;border:none;border-radius:1px}.trades-slider input[type=range]::-moz-range-thumb{width:4px;height:12px;background:#000;border:none;border-radius:1px}.trades-slider input[type=range]:hover::-webkit-slider-thumb,.trades-slider input[type=range]:focus::-webkit-slider-thumb{background:#555}.trades-slider input[type=range]:hover::-moz-range-thumb,.trades-slider input[type=range]:focus::-moz-range-thumb{background:#555}.trades-table .trades-slider input[type=range]:disabled{cursor:default;opacity:.3}.trades-table input:disabled{border-bottom-color:#e6e6e6;color:#aaa}.trades-name-input{width:6rem}.trades-add{display:flex;justify-content:flex-start}.trades-positive{color:green}.trades-negative{color:#8b0000}.trades-capitalise{text-transform:capitalize}.trades-note{font-size:.8rem;text-align:left}.trades-row{display:flex;align-items:flex-start;gap:2rem}.trades-text{flex:1 1 42%;min-width:0}.trades-visual{flex:1 1 58%;min-width:0}.trades-payoff-box .js-plotly-plot,.trades-payoff-box .plot-container{width:100%;max-width:38rem;height:24rem}.trades-quadrant-box .js-plotly-plot,.trades-quadrant-box .plot-container{width:100%;max-width:38rem;height:33rem}.trades-caption{font-size:.75rem;text-align:left;color:#444;margin-top:.3rem}.trades-inline-btn{display:inline-block;margin-left:.75rem}.trades .btn{font-family:Poppins,sans-serif;font-weight:600}.trades-table-header{display:flex;align-items:center;gap:.75rem;margin-top:15px}.trades-table-header .trades-minor-header{margin:0}.trades-minor-header{font-size:.9rem;font-weight:600;text-align:left;margin:15px 0 5px}.trades-statement{text-align:left;font-size:.9rem;margin:.5rem 0}.trades-statement p{margin-bottom:.3rem}.trades-fields{display:grid;grid-template-columns:max-content max-content;column-gap:.75rem;row-gap:.3rem;align-items:baseline;font-size:.8rem;text-align:left}.trades-fields input{font-family:Poppins,sans-serif;font-size:.8rem;border:none;border-bottom:1px solid #a5b1cd;background:transparent}.trades-fields input[type=number]{width:2.5rem;text-align:center;margin-right:.75rem}.trades-field-pair{display:contents}@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}.trades{padding-top:40px;margin-bottom:80px;padding-bottom:40px}.trades-subheader{font-size:1.1rem}.trades-table,.trades-note,.trades-idea input,.trades-idea textarea,.trades-table input,.trades-table select{font-size:.7rem}.trades-table input[type=number]{width:3.5rem}.trades-statement{font-size:.8rem}.trades-fields,.trades-fields input{font-size:.7rem}.trades-minor-header{font-size:.8rem}.trades-caption{font-size:.7rem}.trades-payoff-box .js-plotly-plot,.trades-payoff-box .plot-container{height:22rem}.trades-quadrant-box .js-plotly-plot,.trades-quadrant-box .plot-container{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}.trades{padding-top:15px;margin-bottom:30px;padding-bottom:15px}.trades-subheader{font-size:1rem}.trades-table,.trades-note,.trades-idea input,.trades-idea textarea,.trades-table input,.trades-table select{font-size:.6rem}.trades-table input[type=number]{width:3rem}.trades-name-input,.trades-table .trades-slider input[type=range]{width:4.5rem}.trades-statement{font-size:.7rem}.trades-fields,.trades-fields input{font-size:.6rem}.trades-minor-header{font-size:.7rem}.trades-caption{font-size:.6rem}.trades-row{gap:1rem}.trades-payoff-box .js-plotly-plot,.trades-payoff-box .plot-container{height:18rem}.trades-quadrant-box .js-plotly-plot,.trades-quadrant-box .plot-container{height:24rem}}@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}.trades{padding-top:10px;margin-bottom:20px;padding-bottom:10px}.trades-subheader{font-size:.9rem}.trades-table,.trades-note,.trades-idea input,.trades-idea textarea,.trades-table input,.trades-table select{font-size:.5rem}.trades-table input[type=number]{width:2.6rem}.trades-name-input,.trades-table .trades-slider input[type=range]{width:3.5rem}.trades-statement{font-size:.6rem}.trades-fields,.trades-fields input,.trades-caption{font-size:.5rem}.trades-minor-header{font-size:.6rem}}@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}.trades-row{flex-direction:column;align-items:stretch}.trades-payoff-box .js-plotly-plot,.trades-payoff-box .plot-container{height:65vw}.trades-quadrant-box .js-plotly-plot,.trades-quadrant-box .plot-container{height:85vw}}