@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul,li{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}:root{--btn-text-color:#821A96}*{color:#fff;-webkit-tap-highlight-color:#fff0}button:hover,li:hover,input,input:hover{color:#821A96!important}input::placeholder{color:rgb(255 255 255 / .8)}input::-webkit-input-placeholder{color:rgb(255 255 255 / .4)}@font-face{font-family:'bal10light';src:url(../font/bal10-light-webfont.woff2) format("woff2");font-weight:400;font-style:normal}*{font-family:"bal10light",sans-serif!important;-moz-osx-font-smoothing:grayscale!important;-webkit-font-smoothing:antialiased!important;font-weight:400;letter-spacing:.5px}h1{font-size:38px;line-height:38px;width:300px;margin-top:28px}h2{font-size:20px;height:24px;margin:auto}.btn{padding:15px 28px 17px 28px;display:inline-block;box-sizing:border-box;color:#fff;border-radius:40px;font-size:16px;background:#fff0;cursor:pointer;align-items:center;border:none}.btn-ic{display:flex;flex-flow:row;justify-content:center;height:44px;width:44px;padding:0!important;border:none}.btn-ic svg{align-self:center}.btn-ic-txt,.btn-menu{display:flex;flex-flow:row}.btn-ic-txt{padding:12px 24px 12px 28px}.btn-menu{padding:14px 28px 14px 24px;margin-left:-24px!important}.btn-ic-txt span{margin-right:20px;margin-top:-1px}.btn-menu span{margin-left:20px;line-height:24px}#unitPicker,#unitPickerList input[type=radio]:checked+label,#categoryList input[type=radio]:checked+label,#mainMenu input[type=radio]:checked+label{background:rgb(255 255 255 / .07);border:none}.btn:hover,.btn-ic:hover,.btn:hover span,#categoryList label:hover,#mainMenu label:hover,.btn:active,.btn-ic:active,.btn:active span,#categoryList label:active,#mainMenu label:active,.unitType:hover{background-color:#fff!important;color:var(--btn-text-color)!important;fill:var(--btn-text-color)!important;border:none}.btn:hover svg g,.btn:hover svg path,.btn:active svg g,.btn:active svg path,.btn:active svg circle{stroke:var(--btn-text-color)!important}.btn:hover span{background:transparent!important}#unitPickerList label,#categoryList label,#mainMenu label{margin:0 0 20px 0;border:none}input[type=radio]{display:none}@media only screen and (max-device-width:420px){.unitType{padding:13px 0 0 0}.unitType:hover{background-color:transparent!important;color:#fff!important}}@media only screen and (min-device-width:800px){#unitPickerList label,#categoryList label,#mainMenu label{margin:0 0 22px 0}}@media only screen and (min-device-width:1650px){#unitPickerList label,#categoryList label,#mainMenu label{margin:0 0 24px 0}}*{transition:all 250ms cubic-bezier(.215,.61,.355,1)}@keyframes globalFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideInFromRight{0%{transform:translateX(10vw)}100%{transform:translateX(0vw)}}@keyframes slideInFromBelow{0%{transform:translateY(10vh)}100%{transform:translateY(0vh)}}@keyframes horizonReveal{0%{opacity:0;width:0%}100%{opacity:1;width:100%}}.globalFadeIn{animation-name:globalFadeIn;animation-duration:1550ms;animation-timing-function:cubic-bezier(.645,.045,.355,1)}#mainMenuContainer,#unitPickerContainer{transition:all 350ms cubic-bezier(.645,.045,.355,1)}#mainMenuContainer.makeVisible{width:100%;opacity:1;left:0;z-index:10;transition:all 350ms cubic-bezier(.645,.045,.355,1)}#unitPickerContainer.makeVisible{display:flex;width:100%;opacity:1;right:0;z-index:10;transition:all 350ms cubic-bezier(.645,.045,.355,1)}main{transition:opacity 600ms cubic-bezier(.645,.045,.355,1);opacity:1}main.makeInvisible{transition:opacity 350ms cubic-bezier(.645,.045,.355,1);opacity:0}@viewport{zoom:1;width:device-width}#background{width:100vw;z-index:-10;background-color:#821A96;transition:background-color 500ms cubic-bezier(.215,.61,.355,1)}#background.bg1{background-color:#821A96}#background.bg2{background-color:#206C87}#background.bg3{background-color:#AD6239}#background.bg4{background-color:#B33259}body{width:100vw;margin:0;padding:0 0 36px 0;overflow-x:hidden}header{margin:14px 34px 0 -10px}header .btn{margin-top:0}main{max-width:100vw;opacity:1}::-webkit-scrollbar{display:none}.visible{opacity:1}.invisible{opacity:0}.wrapperCol{display:flex;flex-direction:column;max-width:100vw}.wrapperRow{display:flex;flex-direction:row;padding:0 24px;box-sizing:border-box;max-width:100vw;justify-content:flex-start}.wrapperRow.scroll{max-width:9000px}.wrapperSwitch{display:flex;flex-flow:column;padding:0;margin:0}.wrapperSwitch .wrapperRow{justify-content:center}.wrapperRow>form,#categoryList{display:flex;flex-direction:row;align-items:center}#mainForm{width:100%;flex-direction:row}#mainInput{box-sizing:border-box;width:100%;padding:8px 0 12px 0;font-size:40px;letter-spacing:5px;text-align:center;margin:0;border-bottom:1px solid #fff;background:none;color:#fff!important;text-overflow:ellipsis!important}#mainInput,#mainInput:focus,#mainInput:hover{outline:none;border-bottom:1px solid #fff;border-left:none;border-right:none;border-top:none;outline-style:none;border-color:inherit;-webkit-box-shadow:none;outline-width:0;box-shadow:none;-webkit-tap-highlight-color:#fff0!important;-moz-appearance:textfield!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}#unitPicker{margin-top:22px;align-self:center}#convertedList{width:100%;margin:36px 0 0 0;display:flex;flex-flow:column;flex-wrap:wrap;align-content:flex-start}#convertedList>li{opacity:1;display:flex;height:44px;flex-direction:row;width:100%;margin:12px 0 0 0;padding:0;list-style:none}#convertedList>li:first-child{margin:0}#convertedList>li.invisible{height:0;opacity:0;overflow:hidden}#categoryList>li.invisible{width:0;opacity:0;margin:0;overflow:hidden}#convertedList>li>div{width:calc(50% - 12px);align-self:center}.converted{font-size:16px;margin-right:24px;text-align:right!important;letter-spacing:2.5px;text-overflow:ellipsis;overflow:hidden}.converted:empty:not(:focus):before{content:"0.00";color:rgb(255 255 255 / .55)}.unitType,.unitLabel{word-spacing:2px}#unitPicker2{display:none}#unitPicker2Label{display:none;float:left;line-height:initial}#unitPickerContainer,#mainMenuContainer{display:none;overflow:visible;z-index:-5;flex-flow:column;box-sizing:border-box;position:absolute;top:0;margin:0;width:100%;min-height:100%;list-style:none}#unitPickerContainer{text-align:center;justify-content:center;z-index:-5;opacity:0;width:0;display:flex;right:0;padding:36px}#mainMenuContainer{padding:40px 52px 0 52px;opacity:0;width:0;display:flex;left:-92px}#unitPickerContainer ul,#mainMenuContainer form{display:flex;flex-flow:column;flex-wrap:wrap}#unitPickerContainer ul{align-items:center;overflow:hidden}.unitListItem.invisible{height:0}#mainMenuContainer form{align-items:flex-start}#mainMenuContainer .separator{border-bottom:1px solid #fff;width:52px;margin-top:24px}#mainMenu{margin-top:38px}#unitPickerContainer ul .btn{margin-top:12px}#closeList{position:absolute;top:calc(50vh - 64px);left:14px}#closeMainMenu{position:absolute;top:calc(50vh - 64px);right:14px}#appLogo{width:148px;height:148px}#categoryList{margin-top:18px}#categoryList>li{opacity:1;margin:0 0 0 12px}#categoryList>li:first-of-type{margin:0}#categoryList>li:last-of-type{margin-right:24px}@media only screen and (max-device-width:320px){#mainInput{font-size:36px;letter-spacing:3px}}@media only screen and (min-device-width:400px){#mainInput{font-size:48px;margin:4px 0 0 0}#convertedList{margin:40px 0 0 0}}@media only screen and (min-device-width:800px){#mainMenuContainer{z-index:5}body{display:flex;flex-flow:row;overflow:hidden;padding:0}main{width:calc(100vw - 384px);box-sizing:border-box}main.wrapperCol{padding-left:52px}.wrapperSwitch{flex-flow:column;align-items:baseline;margin-top:44px}.wrapperSwitch .wrapperRow{justify-content:flex-start}.wrapperRow{justify-content:flex-start}#unitPickerContainer{width:100%;justify-content:flex-start;align-items:flex-start;left:420px}#unitPickerContainer.makeVisible{left:420px;z-index:10}#unitPickerContainer ul{max-width:860px;margin-top:188px;align-items:flex-start;flex-flow:row;flex-wrap:wrap}#unitPickerContainer .unitListItem{margin:0;width:256px;text-align:left}#unitPicker{align-self:flex-end;display:none}#unitPicker2{display:flex;margin-left:-44px;margin-top:12px}#unitPicker2Label{display:block}#unitPickerList>label{margin:20px 48px 20px 0}#categoryList{margin:76px 0 0 -24px}#categoryList>li{margin:0 0 0 28px}header{display:none}#mainInput{font-size:44px;width:462px;text-align:left;margin:0;padding:12px 52px 16px 0}#convertedList{flex-flow:row;flex-wrap:wrap;height:50vh;margin:38px 0 0 0}#convertedList>li{width:360px;height:48px;margin:16px 0 0 0!important}#convertedList>li:nth-child(odd){margin-right:68px}#convertedList>li>div{width:110px}.converted{text-align:left!important}#mainMenuContainer{display:flex;width:384px;height:100vh;background:rgb(0 0 0 / .08);position:relative;padding:64px 0 0 80px;padding-top:calc(100vh * 0.075);opacity:1;left:0}#mainMenu{margin:52px 0 0 0}#closeMainMenu{display:none}#closeList{top:112px;left:36px}}@media only screen and (min-device-width:1650px){main.wrapperCol{padding-left:96px}#mainMenu{margin:80px 0 0 0}.wrapperSwitch{margin-top:76px}#categoryList{margin-top:128px}h1{margin-top:48px;width:200px}#convertedList{margin:56px 0 0 0}#convertedList>li{margin:27px 0 0 0!important;width:460px}#unitPickerContainer{width:100%;align-items:flex-start;justify-content:flex-start;left:444px}#unitPickerContainer.makeVisible{left:444px;z-index:10}#unitPickerContainer ul{margin-top:276px;max-width:1080px;align-items:flex-start;flex-flow:row;flex-wrap:wrap}#unitPickerContainer .unitListItem{margin:0;width:256px;text-align:left}}@media only screen and (max-device-width:420px){h1{width:200px}.wrapperRow.scroll{overflow-x:scroll}.horizonReveal{animation-name:horizonReveal;animation-duration:600ms;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-delay:100ms}#mainForm{flex-direction:column}}@media only screen and (min-device-width:400px) and (max-device-width:1650px){#svgLogo{width:152px;height:152px}}@media only screen and (min-device-width:400px) and (max-device-width:500px){#convertedList{margin-top:64px}#mainMenuContainer{padding:56px 0 0 72px}}