:root{--color-primary: #00aeef;--color-secondary: #8dc63f;--color-tertiary: #fbb034;--color-header: #ffffff;--color-menu: #ffffff;--color-footer: #575757;--color-border: #DCDEE2;--color-background: #f1f1f1;--color-white: #ffffff;--font-color: #666666;--color-link: #40b4de;--color-success: #8dc63f;--color-info: #00aeef;--color-warning: #efc600;--color-error: #ef5a00;--color-chart-1: #8dc63f;--color-chart-2: #00aeef;--color-chart-3: #efc600;--color-chart-4: #ef5a00;--color-disabled-color: #7a7a7a;--color-disabled-background: #f5f5f5;--font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size: 13px;--font-weight-bold: 700;--spacing-l: 20px;--spacing-m: 10px;--spacing-s: 5px;--border-radius: 4px}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;backface-visibility:hidden}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;color:var(--font-color)}button:active{outline:none}html{height:100%;min-height:100%}body{height:100%;font-family:var(--font-family);font-size:var(--font-size);-webkit-font-smoothing:antialiased;color:var(--font-color);background-color:var(--color-background);padding:0;margin:0;overflow:auto}.container .app{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;width:100%;height:auto;max-width:600px;margin:0 auto;overflow:hidden;z-index:100}.container .app .main .section{background-color:#fff;padding:var(--spacing-l);margin:0 0 var(--spacing-l) 0;border-radius:var(--border-radius)}button{display:inline-flex;flex:0 0 auto;align-self:flex-start;height:30px;min-height:30px;width:auto;justify-content:center;align-items:center;color:var(--font-color);font-size:var(--font-size);padding:var(--spacing-s) var(--spacing-m);cursor:pointer;background-color:var(--color-background);font-weight:var(--font-weight-bold);text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--border-radius);vertical-align:middle;box-shadow:0 0 0 0 transparent #0000;transform:translateY(0);transition:all .3s ease}.slide-left-enter-active,.slide-left-leave-active{transition-duration:.3s;transition-property:height,opacity,transform;transition-timing-function:cubic-bezier(.55,0,.1,1);overflow:hidden}.slide-left-enter{opacity:0;transform:translate(2em)}.slide-left-leave-active{opacity:0;transform:translate(-2em)}.fpm .fpm-select{position:relative;flex:0 0 65px;width:65px;appearance:none;overflow:hidden;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1024' height='640'><path d='M1017 68L541 626q-11 12-26 12t-26-12L13 68Q-3 49 6 24.5T39 0h952q24 0 33 24.5t-7 43.5z'></path></svg>") 85%/10px 5px no-repeat;background-color:var(--fp-bg-color);transition:all .3s ease-in-out}.header{display:flex;flex-direction:column;width:100%}.header .title{font-size:42px;font-weight:700;color:var(--color-white);text-align:center;padding:var(--spacing-m) 0 var(--spacing-s) 0}.header .menu{display:flex;flex-direction:row;justify-content:center;padding:var(--spacing-l)}.header .menu a{color:var(--color-white);font-size:16px;font-weight:700;margin:0 var(--spacing-m) 0 var(--spacing-m)}.container input{border-radius:4px}.container .bluebar{position:absolute;top:-350px;height:450px;width:100%;background-color:var(--color-primary);transform:skewY(-20deg);box-shadow:3px 3px 10px 3px #0006;z-index:3}.container .greenbar{position:absolute;top:100px;height:250px;width:100%;background-color:var(--color-secondary);transform:skewY(-20deg);box-shadow:3px 3px 10px 3px #0006;z-index:2}.container .orangebar{position:absolute;top:350px;height:250px;width:100%;background-color:var(--color-tertiary);transform:skewY(-20deg);box-shadow:3px 3px 10px 3px #0006;z-index:1}.shiki-style{margin:1rem 0}.shiki-style pre.shiki{padding:1rem;border-radius:6px;overflow-x:auto;overflow-y:hidden;white-space:pre;line-height:1.4;font-family:Helvetica,Arial,sans-serif;font-size:18px}.shiki-style pre.shiki code{font-family:inherit;font-size:inherit}.basic #example{width:200px;margin:0 auto;margin-bottom:var(--spacing-l)}.basic .outputs{padding:0 0 var(--spacing-l) 0;color:#fff;font-weight:700;font-size:18px;text-align:center}.examples .section{margin-bottom:var(--spacing-l);padding:var(--spacing-m) var(--spacing-m) var(--spacing-s) var(--spacing-m);background-color:#ffffffb3;border-radius:var(--border-radius)}.examples .section .header{font-size:24px;font-weight:700;margin:0 0 var(--spacing-m) 0;padding:0 0 var(--spacing-s) 0;border-bottom:solid 1px var(--font-color)}.examples .section .example{width:250px;margin-bottom:var(--spacing-m)}.examples .section .row{display:flex;flex-direction:row}.examples .section button{margin:0 0 0 var(--spacing-m)}.functions{display:flex;flex-direction:column;gap:var(--spacing-m)}.functions .section{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-l);background-color:#ffffffb3;border-radius:var(--border-radius)}.functions .section .header{font-size:24px;font-weight:var(--font-weight-bold);padding-bottom:var(--spacing-s);border-bottom:solid 1px var(--font-color)}.functions .section .description{color:var(--font-color)}.functions .section .result{padding:var(--spacing-m);background-color:#0000000d;border-radius:var(--border-radius);font-weight:var(--font-weight-bold);color:var(--font-color)}:root{--fp-primary-color: #5897fb;--fp-bg-color: #ffffff;--fp-font-color: #4d4d4d;--fp-font-placeholder-color: #8d8d8d;--fp-disabled-color: #dcdee2;--fp-border-color: #dcdee2;--fp-height: 30px;--fp-spacing-l: 7px;--fp-spacing-m: 5px;--fp-spacing-s: 3px;--fp-border-radius: 4px}.fpm{display:flex;flex-direction:row;width:auto}.fpm .fpm-currency,.fpm .fpm-value,.fpm .fpm-select{color:var(--fp-font-color);display:block;height:var(--fp-height);padding:var(--fp-spacing-s) var(--fp-spacing-m);margin:0;outline:0;box-sizing:border-box}.fpm .fpm-currency::placeholder,.fpm .fpm-value::placeholder,.fpm .fpm-select::placeholder{color:var(--fp-border-color)}.fpm>*{border-top:1px solid var(--fp-border-color);border-left:1px solid var(--fp-border-color);border-bottom:1px solid var(--fp-border-color)}.fpm :first-child{border-top-left-radius:var(--fp-border-radius)!important;border-bottom-left-radius:var(--fp-border-radius)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.fpm :last-child{border-right:1px solid var(--fp-border-radius);border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--fp-border-radius)!important;border-bottom-right-radius:var(--fp-border-radius)!important}.fpm .fpm-currency{display:flex;justify-content:center;align-items:center;font-weight:700;flex:0 0 auto;background-color:var(--fp-bg-color);-webkit-user-select:none;user-select:none}.fpm .fpm-value{display:flex;flex:1 1 auto;min-width:70px;width:100%;border-radius:initial;text-align:right;transition:all .3s ease-in-out}.fpm .fpm-select{position:relative;flex:0 0 65px;width:65px;appearance:none;overflow:hidden;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1024' height='640'><path d='M1017 68L541 626q-11 12-26 12t-26-12L13 68Q-3 49 6 24.5T39 0h952q24 0 33 24.5t-7 43.5z'></path></svg>") 85%/10px 5px no-repeat;background-color:var(--fp-bg-color);transition:all .3s ease-in-out}.fpm.disabled .fpm-currency{cursor:pointer}.fpm.disabled .fpm-value:disabled{cursor:pointer;background-color:var(--fp-disabled-color)}.fpm.disabled .fpm-select:disabled{cursor:pointer;flex:0 0 50px;width:50px;background:none;background-color:var(--fp-disabled-color)}.fpm.display-only .fpm-currency{display:flex;cursor:pointer;font-weight:400;flex:0 0 auto;width:auto;height:auto;padding:0 2px 0 0;margin:0;background-color:transparent;border:none}.fpm.display-only .fpm-value{text-align:left;appearance:none;display:flex;cursor:pointer;outline:none;text-indent:0;box-sizing:border-box;flex:0 0 auto;min-height:auto;height:auto;min-width:0px;width:auto;max-width:999px;padding:0;margin:0;background-color:transparent;border:none}.fpm.display-only .fpm-select{display:none}.vue #example{width:250px;margin:0 auto;margin-bottom:var(--spacing-l)}.vue .outputs{padding:0 0 var(--spacing-l) 0;color:#fff;font-weight:700;font-size:18px;text-align:center}