@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--font-main: "Poppins", sans-serif;--chart-plot-bg: #d7dbe9;--chart-line: #6a7284;--chart-line-light: #a5b1cd;--return-negative: #dc2626;--return-neutral: #f9fafb;--return-positive: #16a34a;--error-bg: #fef2f2}body{font-family:var(--font-main);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-family:var(--font-main);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-mode-toggle{display:flex;justify-content:center;gap:1.5rem;font-size:.9rem}.trades-mode-toggle a{padding-bottom:2px;border-bottom:2px solid transparent}.trades-mode-toggle a:hover{color:#777}.trades-mode-toggle a.active{font-weight:600;border-bottom-color:var(--chart-line)}.trades-detail{margin-left:.3rem;font-size:.7rem;color:var(--chart-line)}.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:var(--font-main);font-size:.8rem;border:none;border-bottom:1px solid var(--chart-line-light);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 var(--chart-line);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 tfoot td.trades-centred{text-align:center}.trades-table input[type=number]{width:4rem}.trades-stocks-table{width:auto}.trades-alert{margin:.5rem 0 1rem;padding:.5rem .75rem;font-size:.85rem;text-align:left;background:var(--error-bg);border:1px solid var(--return-negative);border-left-width:4px;border-radius:3px}.trades-alert p{margin:.15rem 0}.trades-table tr.trades-invalid td{background:var(--error-bg)}.trades-table input.trades-invalid{border-bottom:2px solid var(--return-negative)}.trades-table td.trades-status-cell{white-space:normal;max-width:10rem}.trades-stocks-table td,.trades-stocks-table input{text-align:center}.trades-marker-icon{vertical-align:-1px;margin-right:.35rem}.trades-marker-icon .trades-marker-shape{stroke:var(--chart-line);stroke-width:1.5}.trades-marker-icon .trades-marker-diamond{fill:#fff}.trades-marker-icon .trades-marker-circle{fill:none}.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:var(--chart-line-light);border-radius:1px}.trades-slider input[type=range]::-moz-range-track{height:2px;background:var(--chart-line-light);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:var(--return-positive)}.trades-negative{color:var(--return-negative)}.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-incomplete{color:var(--chart-line)}.trades-chart{width:100%}.trades-quadrant{margin-top:.75rem}.trades-chart-area{position:relative}.trades-chart-area>svg{display:block;width:100%;height:auto;font-family:inherit}.trades-quadrant .trades-chart-area>svg{cursor:crosshair}.trades-chart-plot{fill:var(--chart-plot-bg)}.trades-chart-frame{fill:none;stroke:var(--chart-line);stroke-width:2}.trades-chart-grid line{stroke:var(--chart-line);stroke-width:1}.trades-chart-zero line{stroke:#000;stroke-width:1}.trades-chart-zero-muted line{stroke:var(--chart-line)}.trades-chart-tick text{font-size:12px;fill:#000}.trades-chart-axis-title{font-size:12px;fill:#000}.trades-chart-line{fill:none;stroke:var(--series-colour);stroke-width:3;stroke-linejoin:round}.trades-chart-target{fill:var(--series-colour);stroke:#000;stroke-width:1}.trades-chart-scenario{fill:none;stroke:var(--series-colour);stroke-width:2}.trades-chart-hover{stroke:#000;stroke-width:1;stroke-dasharray:3 3}.trades-chart-mark-target{fill:#fff;stroke:var(--chart-line);stroke-width:1.5}.trades-chart-mark-scenario{fill:none;stroke:var(--chart-line);stroke-width:2}.trades-chart-key{stroke:var(--chart-line);stroke-width:1}.trades-series-0{--series-colour: blue}.trades-series-1{--series-colour: red}.trades-series-2{--series-colour: green}.trades-series-3{--series-colour: orange}.trades-series-4{--series-colour: purple}.trades-series-5{--series-colour: brown}.trades-series-6{--series-colour: magenta}.trades-series-7{--series-colour: teal}.trades-chart-legend{position:absolute;margin:6px;padding:.15rem .5rem;font-size:.75rem;text-align:left;background:#fffc;pointer-events:none}.trades-chart-legend li{line-height:1.6}.trades-chart-legend-swatch{display:inline-block;width:1.2rem;height:3px;margin-right:.35rem;vertical-align:middle;background:var(--series-colour)}.trades-chart-tooltip{position:absolute;z-index:1;transform:translate(10px);padding:.25rem .45rem;font-size:.7rem;text-align:left;white-space:nowrap;background:#fffffff0;border:1px solid var(--chart-line);border-radius:3px;pointer-events:none}.trades-chart-tooltip-left{transform:translate(calc(-100% - 10px))}.trades-chart-tooltip-title{font-weight:600}.trades-quadrant-labels{position:absolute;pointer-events:none}.trades-quadrant-label{position:absolute;margin:5px;padding:0 3px;font-size:11px;line-height:1.5;color:var(--chart-line);background:#fffc;border-radius:2px;white-space:nowrap}.trades-direction-arrow{width:8px;height:9px;margin-left:2px;vertical-align:-1px;fill:currentColor}.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:var(--font-main);font-size:.8rem;border:none;border-bottom:1px solid var(--chart-line-light);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-chart-legend,.trades-chart-tooltip{font-size:.7rem}.trades-quadrant-label{font-size:10px}}@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-row{gap:1rem}.trades-chart-legend,.trades-chart-tooltip{font-size:.6rem}.trades-quadrant-label{font-size:9px}}@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{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}}