html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:"Helvetica", "Verdana", sans-serif;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0}img{height:auto;width:100%;max-width:100%}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}h1,h2,h3,h4,h5,h6,p,a{color:#222;line-height:125%;text-align:left}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}p,a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}p{font-size:1.4rem}a{font-size:1.4rem}a:visited,a:focus,a:active{color:#222;outline:none;text-decoration:none}.debug{border:1px dashed #FF0000 !important}.debug--reset{all:unset;border:1px dashed #00C8FF !important}.display--block{display:block}.display--inline{display:inline}.display--inline-block{display:inline-block}.display--none{display:none}.dummy--height{height:500vh}.fill--c{background-color:#BCE2EE}.fill--m{background-color:#F3C7D4}.fill--y{background-color:#FFFCC8}.fill--k{background-color:#C0C1BF}.flex--center--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex--direction--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.height--100{height:100%}.height--90{height:90%}.height--80{height:80%}.height--70{height:70%}.height--60{height:60%}.height--50{height:50%}.height--40{height:40%}.height--30{height:30%}.height--20{height:20%}.height--10{height:10%}.margin--none{margin:0px}.padding--none{padding:0px}.section--full-view{min-height:100vh;padding:0 0 5vh 0;width:100vw}.section--full-view .row{width:100%}.version{color:#222;font-size:8px;font-weight:500;left:5px;letter-spacing:0px;position:fixed;text-align:left;top:5px;z-index:1000}.width--100{width:100%}.width--90{width:90%}.width--80{width:80%}.width--70{width:70%}.width--60{width:60%}.width--50{width:50%}.width--40{width:40%}.width--30{width:30%}.width--20{width:20%}.width--10{width:10%}#outputMethod{margin-bottom:2em}#cssOptions{position:absolute;bottom:0;left:0;padding:2rem 4rem}#cssOptions>code{margin-bottom:1em}#cssOptions button{display:block;background-color:#EED786;border:0;border-radius:50px;padding:0.4em 1em;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12);box-shadow:0 2px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12);width:100%;text-align:left}#cssOptions button:hover{background-color:#e8c859}#cssOptions button+button{margin-top:0.5em}button:focus{outline:0}code{display:inline-block;background-color:initial;line-height:1.15}hr{width:100%;border-top:1px solid #ccc;margin:2rem 0}img{max-width:400px;margin-top:0.5em;display:block}h3{color:#BDBD4B;margin-bottom:1em}.btnCase{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.btnCase+.btnCase{margin-top:3em}.btnInfo{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btnInfo code{opacity:0.5}.btnMethod{font-size:1.6rem;width:100%;background-color:#EED786;border:0;border-radius:50px;padding:0.4em;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12);box-shadow:0 2px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12)}.btnMethod:hover{background-color:#e8c859}.methodLink{font-size:1.6rem;margin-left:1em}.methodLink .fas{color:#ccc}.methodLink .fas:hover{color:#b3b3b3}.imgInput,.btnMethod,.wsSetting{position:relative}.imgInput.selected::before,.btnMethod.selected::before,.wsSetting.selected::before{content:'';display:block;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f058";color:#00A5D5;font-size:3rem;position:absolute;top:0;right:0;z-index:10}.imgInput.selected::after,.btnMethod.selected::after,.wsSetting.selected::after{content:'';display:block;width:2.75rem;height:2.75rem;position:absolute;background-color:#fff;border-radius:50px;top:0;right:0}.imgInput.selected::before,.imgInput.selected::after{-webkit-transform:translate(40%, 30%);transform:translate(40%, 30%)}.btnMethod.selected::before,.btnMethod.selected::after{-webkit-transform:translate(40%, -40%);transform:translate(40%, -40%)}.wsSetting.selected::before,.wsSetting.selected::after{-webkit-transform:translate(80%, 0%);transform:translate(80%, 0%)}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;width:100vw;max-height:100vh;max-width:100vw}.wrapper>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100vh;max-width:33.333333%;-webkit-box-flex:1;-ms-flex:1 33.333333%;flex:1 33.333333%;background-color:#FFFFE6;border-right:4px solid #E1E191;padding:2rem 4rem}.wrapper>div:last-child{border-right:0;position:relative}