:root{--page-background-color: hsl(170, 16%, 95%);--applet-background-color: white;--primary-text-color: hsl(210, 27%, 24%);--primary-text-lighter: hsl(210, 29%, 34%);--primary-text-lighter-2: hsl(210, 22%, 54%);--primary-gray: hsla(210, 19%, 69%, 1);--primary-gray-lighter: hsla(210, 19%, 79%, 1);--primary-gray-lighter-2: hsla(210, 19%, 89%, 1);--primary-gray-darker: hsla(210, 19%, 59%, 1);--primary-background-light: hsla(210, 29%, 94%, 1);--primary-text-disabled: hsl(210, 19%, 89%);--primary-background-disabled: hsla(210, 19%, 100%, 1);--tab-hover-color: hsla(210, 59%, 69%, 1);--green-text: hsla(170, 80%, 29%, 1);--red-text: hsla(344, 80%, 39%, 1);--green-line: hsla(170, 80%, 39%, 1);--red-line: hsla(344, 80%, 49%, 1);--green-light: hsla(170, 94%, 46%, .1);--red-light: hsla(344, 100%, 79%, .2);--green-light-input: hsla(170, 94%, 98%, 1);--red-light-input: hsla(344, 100%, 98%, 1);--green-dark: hsla(170, 44%, 31%, 1);--red-dark: hsla(344, 30%, 33%, 1);--green-light-accent: hsla(160, 64%, 87%, 1);--red-light-accent: hsla(354, 70%, 92%, 1);--green-medium: hsla(170, 34%, 76%, 1);--red-medium: hsla(344, 30%, 79%, 1);--warning-color: rgb(223, 42, 100);--shadow-narrow: hsla(210, 24%, 51%, .3);--shadow-wide: hsla(170, 45%, 73%, .2);--marker-color-hsla: hsla(210, 79%, 39%, 1);--marker-color-rgb: #4d7ee0}.dark-mode{--page-background-color: hsl(170, 16%, 5%);--applet-background-color: hsl(210, 16%, 15%);--primary-text-color: hsl(210, 27%, 84%);--primary-text-lighter: hsl(210, 29%, 74%);--primary-gray: hsla(210, 19%, 29%, 1);--primary-gray-lighter: hsla(210, 19%, 26%, 1);--primary-gray-lighter-2: hsla(210, 19%, 8%, 1);--primary-text-disabled: hsla(210, 19%, 24%, 1);--primary-background-disabled: hsla(210, 19%, 10%, 0);--primary-background-light: hsla(210, 29%, 11%, 1);--green-text: hsla(170, 80%, 59%, 1);--red-text: hsla(344, 80%, 59%, 1);--green-line: hsla(170, 80%, 39%, 1);--red-line: hsla(344, 80%, 49%, 1);--green-light-input: hsla(170, 80%, 9%, 1);--red-light-input: hsla(344, 80%, 9%, 1);--green-dark: hsla(170, 34%, 71%, 1);--red-dark: hsla(344, 30%, 71%, 1);--green-medium: hsla(170, 24%, 30%, 1);--red-medium: hsla(344, 20%, 30%, 1);--green-light: hsla(170, 80%, 11%, 1);--red-light: hsla(344, 80%, 16%, 1);--green-light-accent: hsla(160, 85%, 22%, 1);--red-light-accent: hsla(344, 85%, 22%, 1);--shadow-narrow: hsla(210, 24%, 0%, .7);--shadow-wide: hsla(170, 45%, 0%, .5)}body{background-color:#f0f4f4;background-color:var(--page-background-color);font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3d4e;color:var(--primary-text-color)}input[type=text][data-v-b1484153]{width:100px;padding:4px 6px;font-size:16px;color:var(--red-dark);background-color:transparent;border:1px solid transparent;border-bottom:1px solid var(--red-medium);border-radius:4px;transition:border-color .3s,box-shadow .3s}.call input[type=text][data-v-b1484153]{color:var(--green-dark);border-bottom:1px solid var(--green-medium)}input[type=text][data-v-b1484153]:focus,input[type=text][data-v-b1484153]:focus-visible{box-shadow:0 0 0 3px var(--tab-hover-color);border-bottom:1px solid transparent;outline:none;background-color:var(--red-light-input)}.call input[type=text][data-v-b1484153]:focus-visible{background-color:var(--green-light-input)}input[type=text][data-v-b1484153]::-moz-placeholder{color:#aaa}input[type=text][data-v-b1484153]::placeholder{color:#aaa}input[type=text][data-v-b1484153]:disabled{background-color:transparent;border-bottom:1px solid var(--primary-text-disabled);color:var(--primary-text-disabled);-webkit-text-fill-color:var(--primary-text-disabled)}@media screen and (max-width: 640px){input[type=text][data-v-b1484153]{font-size:12px;width:60px}}input[type=text][data-v-dd1dfafa]{width:80px;padding:4px 6px;font-size:16px;color:var(--red-dark);background-color:transparent;border:1px solid transparent;border-bottom:1px solid var(--red-medium);border-radius:4px;transition:border-color .3s,box-shadow .3s}.call input[type=text][data-v-dd1dfafa]{color:var(--green-dark);border-bottom:1px solid var(--green-medium)}input[type=text][data-v-dd1dfafa]:focus,input[type=text][data-v-dd1dfafa]:focus-visible{box-shadow:0 0 0 3px var(--tab-hover-color);border-bottom:1px solid transparent;outline:none;background-color:var(--red-light-input)}.call input[type=text][data-v-dd1dfafa]:focus-visible{background-color:var(--green-light-input)}input[type=text][data-v-dd1dfafa]::-moz-placeholder{color:#aaa}input[type=text][data-v-dd1dfafa]::placeholder{color:#aaa}input[type=text][data-v-dd1dfafa]:disabled{background-color:transparent;border-bottom:1px solid var(--primary-text-disabled);color:var(--primary-text-disabled);-webkit-text-fill-color:var(--primary-text-disabled)}span[data-v-dd1dfafa]{font-size:14px;color:var(--red-dark);font-weight:100;padding-right:3px}span.second[data-v-dd1dfafa]{padding-left:9px}.call span[data-v-dd1dfafa]{color:var(--green-dark)}.off span[data-v-dd1dfafa]{color:var(--primary-text-disabled)}@media screen and (max-width: 640px){span[data-v-dd1dfafa]{display:none}}@media screen and (max-width: 640px){input[type=text][data-v-dd1dfafa]{font-size:12px;width:44px}}table[data-v-42e43f3c]{width:100%;border-collapse:collapse;max-width:960px}tr[data-v-42e43f3c]{border-bottom:1px solid var(--primary-gray-lighter-2)}tr[data-v-42e43f3c]:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}tr:first-child td[data-v-42e43f3c]{padding-top:1.1rem}tr:first-child td[data-v-42e43f3c]:first-child{padding-top:1.1rem;border-top-left-radius:1rem}tr:first-child td[data-v-42e43f3c]:last-child{padding-top:1.1rem;border-top-right-radius:1rem}tr td[data-v-42e43f3c]{background-color:var(--red-light);color:var(--red-dark)}tr.call td[data-v-42e43f3c]{background-color:var(--green-light);color:var(--green-dark)}td[data-v-42e43f3c]{padding:12px 4px;text-align:left;white-space:nowrap}td.type[data-v-42e43f3c]{padding-left:24px;width:7%}td.strike[data-v-42e43f3c],td.bid-ask[data-v-42e43f3c]{width:7%}td.long-short[data-v-42e43f3c]{width:14%}td.right[data-v-42e43f3c]{width:14%;text-align:right;padding-right:24px}tr.off td[data-v-42e43f3c]{color:var(--primary-text-disabled);background-color:var(--primary-background-disabled)}@media screen and (max-width: 640px){table[data-v-42e43f3c]{font-size:12px}td.type[data-v-42e43f3c]{padding-left:12px}td.right[data-v-42e43f3c]{padding-right:12px}}.button-round[data-v-42e43f3c]{border-radius:11px;font-size:16px;line-height:1.4;padding:0 13px 2px 11px;text-transform:capitalize;transition:border-color .3s,box-shadow .3s}.button-round.call[data-v-42e43f3c]{color:var(--green-dark);border:1px solid var(--green-medium);background-color:transparent}.button-round.put[data-v-42e43f3c]{color:var(--red-dark);border:1px solid var(--red-medium);background-color:transparent}.button-round.long[data-v-42e43f3c]{color:var(--green-dark);border:1px solid var(--green-medium);background-color:var(--green-light-accent)}.button-round.short[data-v-42e43f3c]{color:var(--red-dark);border:1px solid var(--red-medium);background-color:var(--red-light-accent)}@media (hover: hover){.button-round[data-v-42e43f3c]:hover{box-shadow:0 0 0 3px var(--tab-hover-color);transform:scale(1.1)}}.button-round[data-v-42e43f3c]:active{outline:none;transform:scale(.95)}.button-round[data-v-42e43f3c]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tab-hover-color)}.button-round[data-v-42e43f3c]:disabled{cursor:not-allowed;pointer-events:none;background-color:transparent;border-color:var(--primary-text-disabled);color:var(--primary-text-disabled)}input[type=checkbox][data-v-42e43f3c]{cursor:pointer}input[type=checkbox][data-v-42e43f3c]{box-sizing:border-box;width:20px;height:20px;margin:0;padding:0;border:1px solid var(--primary-gray);border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary-background-light);outline:none;transition:outline .1s}input[type=checkbox][data-v-42e43f3c]:checked{background-size:12px;background-position:center;background-repeat:no-repeat}input[type=checkbox][data-v-42e43f3c]:not(:disabled):checked{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path fill="%234d7ee0" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>')}@media (hover: hover){input[type=checkbox][data-v-42e43f3c]:not(:disabled):hover{outline:3px solid var(--tab-hover-color);transform:scale(1.05)}}input[type=checkbox][data-v-42e43f3c]:focus-visible{outline:3px solid var(--tab-hover-color);transform:scale(1.05)}@media (prefers-reduced-motion: reduce){input[type=checkbox][data-v-42e43f3c]{transition:none}}@media screen and (max-width: 640px){.button-round[data-v-42e43f3c]{font-size:12px;padding:0 11px 0 9px}input[type=checkbox][data-v-42e43f3c]{width:16px;height:16px;border-radius:3px}input[type=checkbox][data-v-42e43f3c]:checked{background-size:9px}}.svg-zero-profit-line[data-v-3226cf59]{stroke:var(--primary-gray);stroke-width:1}.svg-profit-line[data-v-3226cf59]{stroke:var(--primary-gray-lighter);stroke-width:.5}.svg-profit-line-2[data-v-3226cf59]{stroke:var(--primary-gray-lighter);stroke-width:.3}.svg-text[data-v-3226cf59]{font-size:12px;fill:var(--primary-text-lighter-2)}.svg-price-line[data-v-29a38911]{stroke:var(--primary-gray-lighter);stroke-width:.5}.svg-price-line-2[data-v-29a38911]{stroke:var(--primary-gray-lighter);stroke-width:.3}.svg-text[data-v-29a38911]{font-size:12px;fill:var(--primary-text-lighter-2)}.break-line[data-v-302a55b3]{stroke:var(--red-line);stroke-width:1}.strike-line[data-v-302a55b3]{stroke:var(--primary-gray);stroke-width:1}.profit-line[data-v-9ced372b]{stroke:var(--green-line);stroke-width:2}.loss-line[data-v-9ced372b]{stroke:var(--red-line);stroke-width:2}.svg-rect[data-v-ba383e80]{stroke:var(--primary-gray-lighter);stroke-width:.7;fill:var(--applet-background-color)}.results-info[data-v-ba383e80]{text-align:left;padding:1rem 2rem;display:flex;gap:2rem}.results-info .column .text-label[data-v-ba383e80]{font-size:12px;color:var(--primary-text-lighter);padding-bottom:7px}@media screen and (max-width: 640px){.results-info .column .text-label[data-v-ba383e80]{font-size:10px}}.results-info .column .profit-value[data-v-ba383e80]{font-size:18px;color:var(--green-text)}@media screen and (max-width: 640px){.results-info .column .profit-value[data-v-ba383e80]{font-size:16px}}.results-info .column .loss-value[data-v-ba383e80]{font-size:18px;color:var(--red-text)}@media screen and (max-width: 640px){.results-info .column .loss-value[data-v-ba383e80]{font-size:16px}}.results-info .column .points-value[data-v-ba383e80]{font-size:18px;color:var(--primary-text-lighter)}@media screen and (max-width: 640px){.results-info .column .points-value[data-v-ba383e80]{font-size:16px}}@media screen and (max-width: 640px){.results-info[data-v-ba383e80]{padding:.6em 1rem}}.display-container[data-v-f15b662c]{padding-top:2rem}.button-holder[data-v-f15b662c]{display:flex;-moz-column-gap:2rem;column-gap:2rem;padding:0 60px 24px;justify-content:flex-end;flex-wrap:wrap;row-gap:2rem}.increment-group[data-v-f15b662c]{text-align:left}.increment-group .increment-label[data-v-f15b662c]{color:var(--primary-text-lighter-2);font-size:12px;padding-bottom:4px;white-space:nowrap}.increment-group .increment[data-v-f15b662c]{display:flex;flex-wrap:nowrap;border-radius:12px}.increment-group .increment .value[data-v-f15b662c]{color:var(--primary-text-lighter);display:flex;justify-content:center;align-items:center;font-size:12px;line-height:12px;width:44px;box-sizing:border-box;padding-left:4px;padding-right:4px;text-align:center;border-top:1px solid var(--primary-gray-lighter);border-bottom:1px solid var(--primary-gray-lighter);background-color:var(--primary-background-light)}.flat-round-button[data-v-f15b662c]{--button-background-color: #3498db;width:24px;height:24px;border:1px solid var(--primary-gray-lighter);background-color:var(--applet-background-color);background-repeat:no-repeat;background-position:center;background-size:16px;cursor:pointer;transition:background-color .3s,transform .2s}.flat-round-button.left[data-v-f15b662c]{z-index:100;border-top-left-radius:50%;border-bottom-left-radius:50%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234d7ee0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="m15 18-6-6 6-6"/></svg>')}.flat-round-button.right[data-v-f15b662c]{z-index:100;border-top-right-radius:50%;border-bottom-right-radius:50%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234d7ee0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="m9 18 6-6-6-6"/></svg>')}@media (hover: hover){.flat-round-button[data-v-f15b662c]:hover{box-shadow:0 0 0 3px var(--tab-hover-color);transform:scale(1.1)}}.flat-round-button[data-v-f15b662c]:active{outline:none;transform:scale(.95)}.flat-round-button[data-v-f15b662c]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tab-hover-color)}.flat-round-button.right[data-v-f15b662c]:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgba(125, 125, 125, 0.2)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="m9 18 6-6-6-6"/></svg>');cursor:not-allowed;pointer-events:none}.flat-round-button.left[data-v-f15b662c]:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgba(125, 125, 125, 0.2)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="m15 18-6-6 6-6"/></svg>');cursor:not-allowed;pointer-events:none}.warning[data-v-f15b662c]{max-width:960px;display:flex;margin:auto;height:480px;align-items:center;justify-content:center}.warning .text[data-v-f15b662c]{color:var(--warning-color)}h1[data-v-991565f3]{padding-top:2rem;padding-bottom:1rem;margin:0;color:var(--primary-text-lighter);font-weight:400}@media screen and (max-width: 640px){h1[data-v-991565f3]{padding-top:.5rem;font-size:1.6rem}}.calculator[data-v-991565f3]{max-width:960px;margin:auto;margin-bottom:2rem;background-color:var(--applet-background-color);box-shadow:0 0 5px var(--shadow-narrow),0 0 20px var(--shadow-wide);border-radius:1rem;padding-bottom:1rem;text-align:left}.calculator .url-button[data-v-991565f3]{padding-left:2rem;padding-bottom:1rem;display:flex;gap:1rem;align-items:center}@media screen and (max-width: 640px){.calculator .url-button[data-v-991565f3]{padding-left:1rem}}.calculator .url-button .label[data-v-991565f3]{font-size:14px;color:var(--primary-text-lighter)}.calculator .url-button .flat-round-button[data-v-991565f3]{width:28px;height:28px;border:1px solid var(--primary-gray-lighter);border-radius:5px;background-color:var(--applet-background-color);background-repeat:no-repeat;background-position:center;background-size:16px;cursor:pointer;transition:background-color .3s,transform .2s}.calculator .url-button .flat-round-button[data-v-991565f3]{z-index:100;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234d7ee0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>')}@media (hover: hover){.calculator .url-button .flat-round-button[data-v-991565f3]:hover{box-shadow:0 0 0 3px var(--tab-hover-color);transform:scale(1.1)}}.calculator .url-button .flat-round-button[data-v-991565f3]:active{outline:none;transform:scale(.95)}.calculator .url-button .flat-round-button[data-v-991565f3]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tab-hover-color)}.mode-holder[data-v-991565f3]{max-width:960px;box-sizing:border-box;margin:auto;text-align:right;padding:0 1.2rem}@media screen and (max-width: 640px){.mode-holder[data-v-991565f3]{padding:0 .4rem}}.mode-holder .mode-button[data-v-991565f3]{width:28px;height:28px;border:none;border-radius:5px;background-repeat:no-repeat;background-position:center;background-size:16px;outline:none;cursor:pointer;transition:background-color .3s,transform .2s;z-index:100;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234d7ee0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>')}@media (hover: hover){.mode-holder .mode-button[data-v-991565f3]:hover{box-shadow:0 0 0 3px var(--tab-hover-color);transform:scale(1.1)}}.mode-holder .mode-button[data-v-991565f3]:active{outline:none;transform:scale(.95);box-shadow:none}.mode-holder .mode-button[data-v-991565f3]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tab-hover-color)}.mode-holder .mode-button.dark[data-v-991565f3]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234d7ee0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>')}#app{text-align:center}