:root{--color--app:#a8afb4;--color--primary:#633ac9;--color--primary-var1:#c9bde9;--color--primary-var2:#4e436e;--color--secondary:#eca618;--color--secondary-var1:#5b4314;--color--gray:#dedede;--color--calculator--bg:#633ac9;--calculator--touch:60px;--content--maxwidth:600px}body{font-family:var(--font-roboto),Inter,Arial,Helvetica,sans-serif}body input{font-family:var(--font-lora)}.is-constrained{width:calc(100% - 40px);margin:0 auto;max-width:var(--content--maxwidth)}body{margin:0}body:has(.calculator.show) div#main .history,body:has(.calculator.show) div#main .sharing-post .parts,body:has(.calculator.show) div#main .simple-money-change{padding-bottom:calc(100vh - 150px)!important}.trackmath-app{display:flex;height:100vh;width:100vw;background:var(--color--app)}.trackmath-app .noise{width:100vw;height:100vh;position:fixed;top:0;left:0;background-repeat:repeat;background-attachment:fixed}.trackmath-app div#main{position:relative;z-index:1;width:100%;overflow-x:hidden}.trackmath-app div#main .app-entry{width:100%;margin:0 auto;padding:0}div.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px}div.buttons.align-center{justify-content:center}div.buttons button.cta{display:inline-flex;padding:5px 10px;border-radius:10px;background:var(--color--primary);color:#fff;text-align:center;border:none;cursor:pointer;transition:all .3s;font-size:16px}div.buttons button.cta:hover{filter:brightness(1.5)}div.buttons button.cta.primary-1{background:transparent;border:1px solid var(--color--primary-var1);color:var(--color--primary-var2)}div.buttons button.cta.primary-1:hover{filter:brightness(1)}div.buttons button.cta.primary-1:hover,div.buttons button.cta.primary-2{background:var(--color--primary-var2);color:#fff}input+button.inputValidation{width:20px;height:20px;min-width:20px;border-radius:100%;opacity:0;display:inline-flex;pointer-events:none;justify-content:center;align-items:center;padding:0;cursor:pointer;transition:all .2s;border:1px solid rgba(0,0,0,.2);margin:0 0 0 5px}input+button.inputValidation svg{width:12px;height:12px}input.isChanged+button.inputValidation{opacity:1;pointer-events:auto;opacity:.7;transition:all .2s}input.isChanged+button.inputValidation:hover{opacity:1;border:1px solid #60bd4f}input.isChanged+button.inputValidation:hover svg path{fill:#60bd4f}header{position:fixed;bottom:10px;left:0;right:0;display:flex;justify-content:center;z-index:100;pointer-events:none;animation:headerFadeIn 1s linear both}@keyframes headerFadeIn{0%{transform:translateY(100vh)}to{transform:translateY(0)}}header nav{pointer-events:auto;position:relative;margin:0 auto;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);filter:drop-shadow(2px 2px 20px rgba(0,0,0,.3));border-radius:50px;display:inline-flex;padding:10px 20px}header nav ul{display:flex;list-style:none;justify-content:center;align-items:center;padding:0;gap:10px}header nav ul li button{border:none;background:transparent;cursor:pointer}header nav ul li.active button{color:var(--color--primary)}header nav ul li.toggleCalculator{padding-left:20px;border-left:1px solid #dedede;margin-left:10px}header nav .menuButtonResponsive{display:flex;align-items:center}header nav .menuButtonResponsive button{background:transparent;border:none;cursor:pointer;display:none}header nav .menuButtonResponsive button svg path{fill:#2d2d2d;transition:all .2s}header nav .menuButtonResponsive button:hover svg path{fill:var(--color--primary)}header nav ul li.toggleCalculator button svg{fill:#2d2d2d;transition:all .2s}header nav ul li.toggleCalculator button:hover svg{fill:var(--color--primary)}header nav ul.menu-options{display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;max-width:calc(90vw - 200px);margin:0;position:relative;top:1px}header nav ul.menu-options::-webkit-scrollbar{height:2px}header nav ul.menu-options::-webkit-scrollbar-thumb{background:var(--color--primary-var1);border-radius:10px}header nav ul.menu-options::-webkit-scrollbar-track-piece{background:var(--color--primary);border-radius:10px}header nav ul.menu-options li{flex:1 1}header nav ul.menu-options svg{width:30px;height:30px}header nav ul.menu-options button svg path{transition:all .3s}header nav ul.menu-options button:hover svg path,header nav ul.menu-options li.active button svg path{fill:var(--color--primary)}div#menu-options-wrapper{display:none;padding:20px;width:calc(100% - 40px);position:fixed;top:0;height:100%;background:#fff;z-index:9999;transition:all .3s;pointer-events:none;left:-100vw}div#menu-options-wrapper button.closeMenuResponsiveButton{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;z-index:2;width:30px;height:30px}div#menu-options-wrapper ul{padding-left:0;padding-top:30px;list-style:none;display:flex;flex-direction:column;width:100%;margin:0}div#menu-options-wrapper ul li{width:100%}div#menu-options-wrapper ul li button{background:transparent;border:none;display:flex;padding:10px;width:100%;height:100%;transition:all .2s;cursor:pointer}div#menu-options-wrapper ul li button:hover{background:#dedede}div#menu-options-wrapper ul li.active button{background:var(--color--primary);color:#fff}@media screen and (max-width:720px){header nav .menuButtonResponsive{display:flex}header nav .menuButtonResponsive button{display:flex;margin-right:8px}header nav .menu-options-wrapper{position:fixed}header nav ul.menu-options{display:none!important;overflow-x:hidden}div#menu-options-wrapper{display:flex}div.trackmath-app.show-menu .menuButtonResponsive button{padding-right:20px;border-right:1px solid #dedede;margin-right:10px}div.trackmath-app.show-menu ul.menu-options{display:flex!important;overflow-x:auto}}.services-content{position:relative;animation:servicesFadeIn 1.2s ease-out both}@keyframes servicesFadeIn{0%{opacity:0;transform:translateY(40px)}0%{opacity:1;transform:translateY(0)}}.page-header{gap:20px}.page-header,.page-header .header-content{display:flex;align-items:center}.page-header img{width:40px;height:auto;position:relative;left:-10px}.page-header h2{text-transform:uppercase;font-size:21px}.page-header hr{flex:1 1;border:transparent;border-top:1px solid rgba(0,0,0,.3)}.services-area{display:flex;left:0;position:relative;transition:transform .4s}.services-area .trackmath-open{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 120px)}.services-area .trackmath-open img{width:280px;height:auto;animation:logoFadeIn 1s linear both}.services-area .trackmath-open h1{text-transform:uppercase;font-size:38px;font-weight:700;animation:titleFadeIn 1s linear both;animation-delay:.7s}.services-area .trackmath-open span{animation:spanFadeIn 1s linear both;animation-delay:1.4s}@keyframes logoFadeIn{0%{transform:translateY(100px) scale(0);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes titleFadeIn{0%{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes spanFadeIn{0%{opacity:0}to{opacity:1}}.services-area h2{margin:0;padding:10px 0}.services-area .services-inner,.services-area .services-inset{min-width:100vw}.services-area.is-active{transform:translateX(-100vw)}.services-area.is-active .services-inner{pointer-events:none}.services-area.is-active .services-inset .tool-header:after{animation:toolHeaderFadeIn .1s linear both}@keyframes toolHeaderFadeIn{0%{left:100%}to{left:0}}.services-area .services-inner{padding:20px 0}.services-area .services-inner .part{position:relative;display:flex;flex-direction:column;gap:10px}.services-area .services-inner .part h3{font-size:16px;font-weight:400;margin:0;padding-top:20px}.services-area .services-inner .part .part-item{display:flex;flex-direction:column;overflow:hidden;gap:10px}.services-area .services-inner .part .part-item button{background:#fff;border-radius:10px;text-align:left;border:none;cursor:pointer;padding:15px 10px;transition:all .2s;display:flex;align-items:center;gap:10px;font-size:16px}.services-area .services-inner .part .part-item button svg{width:25px;height:25px}.services-area .services-inner .part .part-item button:hover{background:var(--color--gray)}.services-area .services-inner .part .part-item button+button{border-top:1px solid var(--color--gray)}.services-inset{position:relative;display:flex;flex-direction:column;align-items:flex-start}.services-inset .tool-header{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;z-index:2;padding:20px 0}.services-inset .tool-header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);z-index:-1}.services-inset .tool-header button.back{cursor:pointer;display:flex;gap:8px;align-items:center;border:none;background:transparent;transition:all .3s;font-size:15px;font-weight:700}.services-inset .tool-header button.back svg{position:relative;top:-1px;width:10px;height:10px;transform:rotate(180deg)}.services-inset .tool-header button.back svg path{transition:all .3s}.services-inset .tool-header button.back:hover{color:var(--color--primary)}.services-inset .tool-header button.back:hover svg path{fill:var(--color--primary)}.services-inset .tool-inset{position:relative;z-index:1;min-height:calc(100vh - 60px);width:calc(100% - 20px)}.tabs-wrapper{display:flex;flex-direction:column;min-height:100vh}.tabs-wrapper .tabs-header{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;flex-wrap:nowrap;justify-content:flex-start;background:#fff;filter:drop-shadow(0 2px 10px rgba(0,0,0,.4))}.tabs-wrapper .tabs-header .tabs-inner{display:flex}.tabs-wrapper .tabs-header button{border:transparent;background:transparent;font-weight:700;cursor:pointer;position:relative;font-size:16px;overflow:hidden;padding:10px}.tabs-wrapper .tabs-header button.active{color:var(--color--primary);pointer-events:none;cursor:default}.tabs-wrapper .tabs-header button:after{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:3px;background:var(--color--primary);transition:all .3s}.tabs-wrapper .tabs-header button.active:after{left:0}.tabs-wrapper .tabs-children{position:relative;z-index:1}.converter-area{position:relative;padding:20px 20px 120px}.converter-area .parts{display:flex;gap:10px;flex-direction:column}.converter-area .parts .part h2{font-size:16px;font-weight:400}.converter-area .parts .part .part-item{background:#fff;border-radius:10px;padding:20px 15px}.converter-area .parts .part .part-item input,.converter-area .parts .part .part-item select{padding:10px;font-size:18px}.converter-area .parts .part .flex{display:flex;flex-wrap:wrap}.converter-area .parts .part .gap-10{gap:10px}.settings-area{padding:20px 0 120px}.settings-area .credits{padding:30px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.settings-area .credits a{color:var(--color--primary);font-weight:700}.settings-area .parts{display:flex;flex-direction:column;gap:10px}.settings-area .parts .part h2{font-size:16px;font-weight:400}.settings-area .parts .part ul{display:flex;flex-direction:column;gap:10px}.settings-area .parts .part .part_item{background:#fff;padding:20px 15px;border-radius:10px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.4));display:flex;flex-direction:column;gap:10px 20px}.block-component span.label{font-weight:700;display:flex;padding-bottom:10px}.block-toggle-control input[type=checkbox]{display:none}.block-toggle-control input[type=checkbox]+label{display:flex;gap:5px;align-items:center}.block-toggle-control input[type=checkbox]+label .toggle-item{display:flex;position:relative;background:#a7a7a7;border-radius:20px;height:21px;width:30px}.block-toggle-control input[type=checkbox]+label .toggle-item:after{content:"";position:absolute;top:2.5px;left:2px;width:16px;height:16px;background:#fff;border-radius:100%}.block-toggle-control input[type=checkbox]:checked+label .toggle-item{background:var(--color--primary)}.block-toggle-control input[type=checkbox]:checked+label .toggle-item:after{left:12px}body:has(.trackmath-app.accessibility-on){font-size:21px}body:has(.trackmath-app.accessibility-on) h2{font-size:24px!important}body:has(.trackmath-app.accessibility-on) button,body:has(.trackmath-app.accessibility-on) input,body:has(.trackmath-app.accessibility-on) input::placeholder{font-size:21px!important}.calculator{position:fixed;bottom:0;left:0;right:0;margin:0 auto;transform:translateY(200vh);pointer-events:none;transition:all .4s;z-index:999;background:var(--color--calculator--bg);filter:drop-shadow(-4px 0 4px rgba(116,91,148,.9))}.calculator button{cursor:pointer}.calculator .swiper{position:absolute;top:10px;left:0;right:0;margin:0 auto;pointer-events:auto;cursor:-webkit-grab;cursor:grab;z-index:99}.calculator .swiper:after{content:"";position:absolute;width:20px;height:3px;background:#fff}.calculator .swiper:active{cursor:-webkit-grabbing;cursor:grabbing}.calculator .closeCalcButton{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer}.calculator .closeCalcButton svg path{fill:#fff}.calculator .calc-inner{margin:0 auto}.calculator.show{transform:translateY(0);pointer-events:auto}.calculator .calc-render{width:100%;padding-bottom:10px}.calculator .calc-render .renderCalc{resize:none;width:calc(100% - 12px);border:1px solid rgba(0,0,0,.1);padding:5px;overflow:auto;background:#fff;border-radius:3px;font-family:var(--font-lora)}.calculator .calc-render .renderCalc::-webkit-scrollbar{width:4px;height:4px}.calculator .calc-render .renderCalc::-webkit-scrollbar-track,.calculator .calc-render .renderCalc::-webkit-scrollbar-track-piece{background:#dedede;border-radius:10px}.calculator .calc-render .renderCalc::-webkit-scrollbar-thumb{background:var(--color--primary);border-radius:10px}.calculator .calc-render .renderCalc span.step{display:flex;font-size:21px}.calculator .calc-render .renderCalc span.step.finalStep{font-weight:700}.calculator .calc-area{display:flex;gap:20px}.calculator .calc-area .calc-item{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.calculator .calc-area .calc-item button:hover{background:var(--color--gray)}.calculator .calc-area .calc-item button.saveHistoryButton{background:var(--color--secondary);color:#fff;display:flex;align-items:center;justify-content:center}.calculator .calc-area .calc-item button.saveHistoryButton:hover{filter:brightness(1.05)}.calculator .calc-area .calc-item button.saveHistoryButton svg{width:20px;height:20px}.calculator .calc-area .calc-item button.saveHistoryButton svg path{fill:#fff}.calculator .calc-area .calc-item button.hide{opacity:.5;pointer-events:none}.calculator .calc-area .calc-item.calc-top .calc-top-inner{position:relative}.calculator .calc-area .calc-item.calc-top .trackmath-sign{position:absolute;pointer-events:none;margin:0 auto;left:0;right:0;display:flex;justify-content:center;color:#fff;text-transform:uppercase;font-size:16px;opacity:.8}@media screen and (max-width:500px){.calculator .calc-area .calc-item.calc-top .trackmath-sign{font-size:12px}}@media screen and (max-width:720px){.calculator{padding-top:60px}.calculator .calc-render{padding-bottom:20px}.calculator .calc-area{flex-wrap:wrap;gap:10px;justify-content:center}}.calculator{width:100%;padding:50px 0 10px}.calculator .swiper{width:20px;height:10px}.calculator .calc-inner{display:flex;justify-content:center}.calculator .calc-inner .calc-item button{padding:10px;border-radius:100%;background:#fff;border:1px solid rgba(0,0,0,.1);width:var(--calculator--touch);height:var(--calculator--touch);aspect-ratio:1/1;font-weight:700;font-size:21px}.calculator .calc-inner .calc-element{overflow-y:auto;padding:0 40px 20px;max-height:calc(100vh - 120px)}.calculator .calc-inner .calc-element::-webkit-scrollbar{width:3px}.calculator .calc-inner .calc-element::-webkit-scrollbar-thumb{background:#fff}.calculator .calc-inner .calc-element::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.calculator .calc-area{justify-content:center;flex-wrap:wrap}.calculator .calc-area .calc-top{min-width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.calculator .calc-area .calc-top .calc-top-inner{display:flex;flex-wrap:wrap;width:364px;justify-content:space-between;align-items:center}.calculator .calc-area .calc-top button{color:#fff;background:hsla(0,0%,100%,.1)!important}.calculator .calc-area .calc-top button.hide{opacity:.3;pointer-events:none}.calculator .calc-area .calc-operators,.calculator .calc-area .calc-specials{max-width:60px}.calculator .calc-area .calc-number{max-width:200px}.calculator .calc-render{display:flex;justify-content:center}.calculator .calc-render .renderCalc{max-width:360px;height:100px}.calculator .calc-render .renderCalc .track{position:relative;font-size:21px;padding-right:3px}.calculator .calc-render .renderCalc .track:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:rgba(0,0,0,.5);animation:blinkCalc .8s linear infinite}.calculator .calc-render .renderCalc .track:has(>.step):after{display:none}.calculator .calc-render .renderCalc .track .firstStep{position:relative;padding-right:3px;display:inline-flex}.calculator .calc-render .renderCalc .track .firstStep:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:rgba(0,0,0,.5);animation:blinkCalc .8s linear infinite}@keyframes blinkCalc{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media screen and (max-width:720px){.calculator .calc-item button{font-size:24px!important}.calculator .calc-top .calc-top-inner{width:340px!important}}@media screen and (max-width:540px){.calculator .calc-specials{max-width:100%!important;order:3}.calculator .calc-operators,.calculator .calc-specials{flex-wrap:wrap!important}.calculator .calc-top .calc-top-inner{width:270px!important}}@media screen and (max-width:360px){.calculator .calc-element{padding:0 10px!important}.calculator .calc-operators{max-width:100%!important}.calculator .calc-number{max-width:230px!important}.calculator .calc-item button{width:50px!important;height:50px!important;font-size:18px!important}.calculator .calc-top .calc-top-inner{width:230px!important}.calculator .calc-number button.touch_n6{order:6}.calculator .calc-number button.touch_n7{order:7}.calculator .calc-number button.touch_n8{order:8}.calculator .calc-number button.touch_n9{order:9}.calculator .calc-number button.touch_n2{order:2}.calculator .calc-number button.touch_n3{order:3}.calculator .calc-number button.touch_n4{order:4}.calculator .calc-number button.touch_n5{order:5}.calculator .calc-number button.touch_n1{order:1}.calculator .calc-number button.touch_n0{order:10}.calculator .calc-number button.touch_dot{order:11}.calculator .calc-number button.touch_back{order:12}}div.searchbar{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999}div.searchbar .closeSearchBarButton{position:relative;top:5px;right:14px;width:20px;height:20px;background:transparent;border:none;cursor:pointer;opacity:.7;transition:all .1s}div.searchbar .closeSearchBarButton:hover{opacity:1}div.searchbar .closeSearchBarButton svg{width:20px;height:20px}div.searchbar .searchbar-inner{position:relative;top:20px;filter:drop-shadow(0 2px 20px rgba(0,0,0,.2))}div.searchbar .searchbar-inner .search{background:#fff;filter:drop-shadow(3px,3px,20px,rgba(0,0,0,.4));padding:10px;border-radius:20px;height:30px;transition:all .2s;display:flex;justify-content:space-between}div.searchbar .searchbar-inner .search .search-entry{width:calc(100% - 30px);font-size:21px;display:flex;align-items:center;font-weight:700}div.searchbar .searchbar-inner .search input{font-size:21px;border:none;background:transparent;outline:none;width:calc(100% - 40px)}div.searchbar .searchbar-inner:has(.list) .search{border-radius:20px 20px 0 0}div.searchbar .searchbar-inner .list{position:relative;background:#fff;padding:10px;border-radius:0 0 20px 20px;max-height:200px;overflow-y:auto}div.searchbar .searchbar-inner .list::-webkit-scrollbar{width:4px;height:4px}div.searchbar .searchbar-inner .list::-webkit-scrollbar-track,div.searchbar .searchbar-inner .list::-webkit-scrollbar-track-piece{background:#dedede;border-radius:10px}div.searchbar .searchbar-inner .list::-webkit-scrollbar-thumb{background:var(--color--primary);border-radius:10px}div.searchbar .searchbar-inner .list:before{content:"";position:absolute;top:0;left:0;right:0;margin:0 auto;width:calc(100% - 20px);background:rgba(0,0,0,.2);height:1px}div.searchbar .searchbar-inner .list .list-item{font-size:18px;padding:5px 2px;cursor:pointer}div.searchbar .searchbar-inner .list .list-item em{color:var(--color--primary);border-bottom:1px dotted var(--color--primary)}div.searchbar .searchbar-inner .list .list-item strong{font-weight:700}div.searchbar .searchbar-inner .list .list-item:hover{background:var(--color--primary);color:#fff}div.searchbar .searchbar-inner .list .list-item:hover em{color:#fff;border-bottom:1px dotted #fff}.history{display:flex;flex-direction:column;gap:10px;padding:20px 0 100px}.history.no-items{justify-content:center;min-height:calc(100vh - 180px)}.history .no-result{text-align:center}.history .history-item{position:relative;background:#fff;padding:10px;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start}.history .history-item .history-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;align-items:center;padding-bottom:10px;position:relative}.history .history-item .history-head:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color--gray)}.history .history-item .history-name{position:relative;padding-top:10px;display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start}.history .history-item .history-name .label input{border:none;font-weight:700;text-overflow:ellipsis;font-size:21px;background:hsla(0,0%,78%,.2);padding:5px;transition:all .4s}.history .history-item .history-name .label input:hover{background:hsla(0,0%,78%,.4)}.history .history-item .history-name .variable{color:var(--color--secondary);font-size:14px;line-height:20px;border:1px solid transparent;border-radius:10px;padding:1px 3px}.history .history-item .history-name .variable input{border:none;font-weight:400;font-style:italic;text-overflow:ellipsis;color:var(--color--secondary-var1);outline:none;background:transparent;font-size:16px}.history .history-item .history-name .variable.error{border:1px solid red;color:red}.history .history-item .history-name .variable.error input{color:red}.history .history-item .history-name .variable.error input::placeholder{color:#8b5757}.history .history-item .history-options{display:flex;flex-wrap:wrap;align-items:center}.history .history-item .history-options button{border:none;background:transparent;cursor:pointer;position:relative;top:-5px}.history .history-item .history-options button svg{width:25px;height:25px}.history .history-item .history-options button svg path{transition:all .3s}.history .history-item .history-options button:hover svg path{fill:var(--color--primary)}.history .history-item .history-render{padding:10px 10px 10px 4px;word-break:break-all;font-size:18px}.tab-time .times{width:100%}.tab-time:has(.times.steps) .part-flex{flex-direction:column;align-items:flex-start}.tab-time .nx{width:40px}.tab-time .duration,.tab-time select{width:auto;flex:1 1}.tab-time .delete-row{width:40px}.tab-time .deleteRow{background:transparent;border:none;cursor:pointer}.tab-time .deleteRow svg{width:20px;height:20px}.tab-time .deleteRow svg path{transition:all .3s}.tab-time .deleteRow:hover svg path{fill:var(--color--primary)}.tab-time .deleteRow.disabled{opacity:0;pointer-events:none}.tab-time .step,.tab-time .step-inset{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tab-time .times.steps{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;width:100%}.tab-time .times.steps .step{display:flex;justify-content:space-between;gap:10px}.tab-time .times.steps .step button{border:none;background:transparent;cursor:pointer}.tab-time .times.steps .step svg{width:20px;height:20px}.tab-time .times.steps .step svg path{transition:all .3s}.tab-time .times.steps .step button:hover svg path{fill:var(--color--primary)}.tab-time .times.steps+select{order:-1}.tab-time .converting-item{font-size:18px;padding-top:10px}@media screen and (max-width:640px){.tab-time .duration,.tab-time .nx{width:40px;flex:0 1}.tab-time select{width:120px;flex:1 1}}@media screen and (max-width:460px){.tab-time .step,.tab-time .times.steps{justify-content:space-between}.tab-time .times.steps{gap:30px 10px}.tab-time .deleteRow{order:-1}}.sharing-area{padding:20px 0}.sharing-area .flex{display:flex;align-items:center}.sharing-area .sharing-post{position:relative;display:flex;flex-direction:column;gap:10px}.sharing-area .sharing-post .total{position:relative;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:65px;padding-bottom:10px;z-index:2;gap:20px 10px}.sharing-area .sharing-post .total .part{filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.sharing-area .sharing-post .total .part .cost,.sharing-area .sharing-post .total .part .pool{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sharing-area .sharing-post .total .part strong{font-size:21px;font-family:var(--font-lora)}.sharing-area .sharing-post .total .part .pool{color:var(--color--primary-var2)}.sharing-area .sharing-post .parts{display:flex;flex-direction:column;gap:10px;padding-bottom:140px;position:relative;z-index:1}.sharing-area .sharing-post .parts div.buttons{padding-top:10px}.sharing-area .sharing-post .part{background:#fff;border-radius:10px;padding:20px 15px}.sharing-area .sharing-post .part.dropdown-hide .table-area{display:none!important}.sharing-area .sharing-post .part .dropdown button{border:none;background:transparent;cursor:pointer;transition:all .3s;transform:rotate(90deg)}.sharing-area .sharing-post .part .dropdown svg{width:15px;height:15px}.sharing-area .sharing-post .part .dropdown button svg path{transition:all .3s}.sharing-area .sharing-post .part .dropdown button:hover svg path{fill:var(--color--primary)}.sharing-area .sharing-post .part .dropdown.hide button{transform:rotate(0deg)}.sharing-area .sharing-post .part .part-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.sharing-area .sharing-post .part .part-header .contributor{display:flex;align-items:center;flex-wrap:nowrap;gap:5px}.sharing-area .sharing-post .part .part-header .badge{width:12px;height:12px;border-radius:100%;background:#a8a8a8;position:relative;top:-1px}.sharing-area .sharing-post .part .part-header input,.sharing-area .sharing-post .part .part-header input::placeholder{font-size:18px}.sharing-area .sharing-post .part input{border:none;background:transparent;max-width:calc(100% - 20px)}.sharing-area .sharing-post .part input.name{font-weight:700}.sharing-area .sharing-post .part div.table-area{position:relative;padding:10px 0;display:flex;flex-direction:column}.sharing-area .sharing-post .part div.table-area div.row{display:flex;justify-content:flex-start;gap:10px}.sharing-area .sharing-post .part div.table-area div.row.head{font-weight:700;margin:10px 0 5px}.sharing-area .sharing-post .part div.table-area div.row div.cell{width:50%;padding:5px 10px;box-sizing:border-box}.sharing-area .sharing-post .part div.table-area div.row div.cell input:active,.sharing-area .sharing-post .part div.table-area div.row div.cell input:focus{background:rgba(0,0,0,.05)}.sharing-area .sharing-post .part div.table-area div.row div.cell input::placeholder{font-size:14px}.sharing-area .sharing-post .part div.table-area div.row div.cell input[type=number]{font-size:21px}.sharing-area .sharing-post .part div.table-area div.row div.cell input::placeholder,.sharing-area .sharing-post .part div.table-area div.row div.cell input[type=text]{font-size:16px}.sharing-area .sharing-post .part div.table-area div.row:nth-child(2n){background:#dedede}.sharing-area .sharing-post .part div.table-area div.row.exc{background:var(--color--primary-var1)!important;margin-bottom:10px;align-items:center;gap:5px 10px;padding:10px 0}.sharing-area .sharing-post .part div.table-area div.row.exc .cell{display:flex;align-items:center}.sharing-area .sharing-post .part div.table-area div.row.exc input{font-size:24px!important;background:hsla(0,0%,100%,.4)}.sharing-area .sharing-post .part div.table-area .subtotal{font-size:21px;font-family:var(--font-lora)}.sharing-area .sharing-post .part div.table-area .exc_wrapper{order:4}.sharing-area .sharing-post .part div.table-area .exc_wrapper .label_exc{display:flex;font-size:16px;font-weight:700;padding:20px 0 10px}@media screen and (max-width:720px){.sharing-area .sharing-post .part .part-header{flex-wrap:wrap}.sharing-area .sharing-post .part .table-area{display:flex;flex-direction:column;padding-top:20px!important;gap:10px;margin-left:4px!important;width:calc(100% - 4px)}.sharing-area .sharing-post .part .table-area .row{flex-direction:column;background:transparent!important;border-left:4px solid var(--color--primary);padding-left:10px}.sharing-area .sharing-post .part .table-area .row.head{display:none}.sharing-area .sharing-post .part .table-area .row div.cell{width:100%!important}.sharing-area .sharing-post .part .table-area .row.exc .cell.status{order:-1}}.simple-money-change{height:100%;display:flex;flex-direction:column;gap:20px;padding:20px 0 140px}.simple-money-change hr{background:rgba(0,0,0,.2);height:1px;width:100%;border:none}.simple-money-change .change-area-inner{display:flex;flex-wrap:wrap;gap:30px}.simple-money-change .change-area-inner,.simple-money-change .diff{background:#fff;border-radius:10px;padding:10px}.simple-money-change .diff svg{width:12px;height:12px;margin-left:2px}.simple-money-change .diff span.up svg path{fill:green}.simple-money-change .diff span.down svg path{fill:red}.simple-money-change .diff .diffValue{font-size:18px}.simple-money-change fieldset{display:flex;flex-direction:column;gap:5px;border:none}.simple-money-change label{font-weight:700}.simple-money-change input{font-size:21px}.tableur-area{padding:20px 0 160px}.tableur-area .tableur-inner{display:flex;flex-direction:column;gap:10px}.tableur-area .synth .synth-inner{background:#fff;padding:10px;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}.tableur-area .synth .synth-inner .colorCategory{display:inline-flex;gap:5px;flex-wrap:wrap}.tableur-area .synth .synth-inner .synthGroup{font-weight:700;display:inline-flex;gap:5px;align-items:center}.tableur-area .badge{display:inline-flex;width:10px;height:10px;border-radius:100%;background:var(--color--gray)}.tableur-area .parts .part-item{background:#fff;padding:10px;border-radius:10px}.tableur-area .parts .part-item .row{display:flex;gap:10px;padding:10px}.tableur-area .parts .part-item .row.head .cell{font-weight:700}.tableur-area .parts .part-item .row:nth-child(2n){background:var(--color--gray)}.tableur-area .parts .part-item .row .cell{width:50%;display:flex;align-items:center}.tableur-area .parts .part-item .row .cell textarea{flex:1 1;resize:vertical;height:29px;min-height:29px;line-height:29px;vertical-align:middle;overflow:hidden}.tableur-area .parts .part-item .row .cell input{height:30px}.tableur-area .parts .part-item .row .cell .select{position:relative;display:flex;width:100%}.tableur-area .parts .part-item .row .cell .select .currentValue{display:flex;justify-content:space-between;align-items:center;gap:5px;background:#c8c8c8;padding:5px;flex:1 1;cursor:pointer}.tableur-area .parts .part-item .row .cell .select .currentValue .sticker{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.tableur-area .parts .part-item .row .cell .select .currentValue svg{width:12px;height:12px}.tableur-area .parts .part-item .row .cell .select .options{position:absolute;background:#fff;z-index:2;top:30px;left:0;display:none;flex-direction:column;width:100%;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.4))}.tableur-area .parts .part-item .row .cell .select .options .option{display:flex;align-items:center;gap:5px;padding:10px;cursor:pointer}.tableur-area .parts .part-item .row .cell .select .options .option:hover{background:var(--color--primary);color:#fff}.tableur-area .parts .part-item .row .cell .select .currentValue.active+.options{display:flex}.tableur-area .parts .part-item .row .cell .select .currentValue.active svg{transform:rotate(90deg)}.tableur-area .parts .part-item .row .cell.rowIndex{width:20px}@media screen and (max-width:600px){.tableur-area .parts .part-item .row.head{display:none}.tableur-area .parts .part-item .row{display:grid;grid-template-columns:auto 1fr}.tableur-area .parts .part-item .row .cell{grid-column:2;width:100%}.tableur-area .parts .part-item .row .cell input{width:100%}.tableur-area .parts .part-item .row .cell.rowIndex{grid-column:1;grid-row:span 3}}