@charset "UTF-8";body{width:100vw;background-color:#f4f4f5;color:#3f3e3d;box-sizing:border-box;position:relative}.no-scroll{overflow-y:hidden}#root .App{position:relative}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f1f1f1;transition:all .75s}#loading .loading-container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}#loading .loading-title{margin:0 auto;font-size:14px;letter-spacing:.25em;opacity:0;animation:fadeIn;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards}#loading img{width:76%;max-width:360px;opacity:0;animation:fadeIn;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#loading[data-is-loaded=true]{visibility:hidden;opacity:0}#save-panel{visibility:hidden;opacity:0;transition:all .4s;position:absolute;top:0;left:0;right:0;height:100vh;height:calc(var(--vh, 1vh) * 100)}#save-panel[data-panel-visible=true]{visibility:visible;opacity:1}.panel-header{font-size:16px;color:#fff;font-weight:500;background-color:#ffc392}.panel-header .panel-title{display:flex;justify-content:center;align-items:center;padding:10px 12px}.panel-header .panel-title .title-wrapper{display:flex}.panel-header .panel-title .title-wrapper .title-text{padding:0 4px}.panel-header .panel-close{display:flex;justify-content:center;align-items:center}.panel-header .panel-close .close-button{min-width:48px}.panel-header .panel-close svg{color:#fff}.save-panel_content{position:absolute;top:50%;left:50%;width:92%;transform:translate(-50%,-50%);max-width:480px;margin:0 auto;background:#ffffff;z-index:100}.save-panel_content .register-mold-panel .save-panel-form{padding:32px 24px;border-bottom:solid 1px #FFC392}.save-panel_content .register-mold-panel .save-panel-form .panel-heading{padding-bottom:4px}.save-panel_content .register-mold-panel .save-panel-form .label-text{font-size:16px!important}.save-panel_content .register-mold-panel .save-panel-form .register-button-container{display:flex;justify-content:center;align-items:center}.save-panel_content .register-mold-panel .save-panel-form .register-button-container .register-button{background-color:#ff906e}.save-panel_content .register-mold-panel .save-panel-form .register-button-container .register-button:before{content:"\767b\9332\3057\307e\3057\305f";position:absolute;bottom:-24px;left:50%;width:100%;transform:translate(-50%);color:#ff906e;font-size:10px;font-weight:700;opacity:0;visibility:hidden;transition:all .4s}.save-panel_content .register-mold-panel .save-panel-form .register-button-container .register-button[data-clicked=true]{background-color:#acacac;position:relative}.save-panel_content .register-mold-panel .save-panel-form .register-button-container .register-button[data-clicked=true]:before{opacity:1;visibility:visible}.save-panel_content .saved-mold-panel .saved-mold-list{padding:32px 24px;border-bottom:solid 1px #FFC392}.save-panel_content .saved-mold-panel .saved-mold-list .label-text{font-size:16px!important;padding-top:0;padding-bottom:8px}.save-panel_content .saved-mold-panel .saved-mold-list .MuiList-root{background-color:#e6e5e5;padding:8px 12px}.save-panel_content .saved-mold-panel .saved-mold-list-item{padding:16px 0}.save-panel_content .saved-mold-panel .saved-mold-list-item:not(:last-child){border-bottom:solid 1px #fff}.save-panel_content .saved-mold-panel .saved-mold-list-name{font-size:14px}.save-panel_content .saved-mold-panel .saved-mold-list-mold{display:flex;justify-content:flex-start;align-items:center;font-size:14px;padding:0 6px;width:calc(100% - 112px)}.save-panel_content .saved-mold-panel .saved-mold-list-apply{display:flex;justify-content:center;align-items:center}.save-panel_content .saved-mold-panel .saved-mold-list-apply .MuiButtonBase-root{background-color:#ff906e;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.save-panel_content .saved-mold-panel .saved-mold-list-edit{display:flex;justify-content:flex-end;align-items:center}.save-panel_content .saved-mold-panel .saved-mold-list-edit .MuiButtonBase-root{min-width:auto;width:48px;display:flex;justify-content:flex-end;align-items:center;padding:4px 8px}.save-panel_content .saved-mold-panel .saved-mold-list-edit svg{width:20px;color:#acacac}.save-panel_bg{position:absolute;top:0;left:0;right:0;bottom:-20px;background-color:#3f3e3d;opacity:.9}.app-header{background-color:#fff;padding:3px 12px;box-shadow:0 2px 4px #e6e5e5;position:relative}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-image:linear-gradient(240deg,#f6d365 0%,#fda085 100%)}.app-header-logo .logo{margin:0}.app-header-logo .logo img{height:40px}.app-header-menu{display:flex;align-items:center;padding:0 4px}#menu .menu-list{padding:0 24px 0 20px;height:48px}#menu .menu-text{font-size:14px;transform:translateY(1px)}#menu .menu-icon{min-width:auto;width:24px}#setting .MuiDialog-container{max-height:100vh;overflow-y:auto}#setting .setting{padding:8px 16px 32px}#setting .setting-header{background-image:linear-gradient(240deg,#f6d365 0%,#fda085 100%)!important;box-shadow:0 2px 4px #e6e5e5!important;position:sticky;top:0}#setting .setting-header .apply-button{background-color:#ff906e;color:#fff;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}#setting .setting-item svg[data-testid=PushPinRoundedIcon]{color:#6e6edc}#setting .setting-item svg[data-testid=CalculateRoundedIcon]{color:#dc6e6e}#setting .setting-content{justify-content:space-around;max-width:440px;margin:0 auto}#setting .setting-content-type{max-width:72px}#setting .setting-content-type .button-group{padding:12px 0}#setting .setting-content-type .setting-mold-type{display:flex;flex-direction:column;padding:10px}#setting .setting-content-type .setting-mold-type-icon{color:#dadada}#setting .setting-content-type .setting-mold-type-text{font-size:12px;letter-spacing:0;font-weight:700}#setting .setting-content .Mui-selected{border:solid #FF906E 1px;background-color:#fff}#setting .setting-content .Mui-selected .setting-mold-type-icon{color:#ffc392}#setting .setting-content-size .MuiGrid-item{display:flex;justify-content:center}#setting .setting-content-size .MuiGrid-item input{text-align:center}#setting .setting-content-size .MuiGrid-item .setting-size-unit{display:flex;align-items:end;padding-bottom:8px}#setting .setting-content-size .input-slider{padding:14px 0;color:#ff906e}.label{padding:4px 0;display:flex}.label-text{font-size:14px!important;padding-left:8px;display:flex;align-items:center}.label[data-is-basis=true] svg{color:#6e6edc;width:22px}.label[data-is-basis=false] svg{color:#dc6e6e;width:22px}.volume-calculator{padding:12px 16px 48px;max-width:440px;margin:0 auto}.conditions-box{background:#f1f1f1;border-radius:8px;box-shadow:12px 12px 24px #e4e4e4,-12px -12px 24px #fff;padding:8px 3%;margin-top:6px}.conditions-box .conditions{padding:0 8px;justify-content:space-between;max-width:360px;margin:0 auto}.conditions-box .conditions-title{text-align:center;font-size:16px;margin:8px 0 4px}.conditions-box .conditions-info{font-size:14px!important}.conditions-box .conditions-setting{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ff906e;margin-bottom:-5px}.conditions-box .conditions-setting .setting-button{padding:7px;min-width:auto;color:#fff;background-color:#ff906e;border:none;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.material-box{margin-top:18px;border-radius:8px;background-color:#fff;box-shadow:8px 8px 16px #e6e5e5}.material-box .material-title{text-align:center;font-size:16px;background-image:linear-gradient(240deg,#f6d365 0%,#fda085 100%);color:#fff;border-radius:8px 8px 0 0;padding:8px 0;margin-bottom:0}.material-box .material-table-container{position:relative;padding:0 16px 2px}.material-box .material-list-item{padding:16px 0 24px;position:relative}.material-box .material-list-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:-32px;right:-12px;height:1px;background-color:#ffc392}.material-box .material-list-item-wrapper{justify-content:space-between}.material-box .material-list-item__material{width:86%}.material-box .material-list-item__material-name,.material-box .material-list-item__material-name .material-name{width:100%}.material-box .material-list-item__material-amount-basis{width:46%}.material-box .material-list-item__material-amount-basis .basis-value:before{border-bottom:solid 1px rgb(110,110,220)}.material-box .material-list-item__material-amount-basis .basis-value:before input{font-size:16px;text-align:right}.material-box .material-list-item__material-amount-arrow{width:18%;display:flex;justify-content:center;align-items:center;color:#ffc392;transform:translate(3px)}.material-box .material-list-item__material-amount-result{width:36%;display:flex;align-items:center;border-bottom:solid 1px rgb(220,110,110)}.material-box .material-list-item__material-amount-result .result-value{width:100%;font-size:16px;font-weight:500;text-align:right;padding-right:16px;position:relative}.material-box .material-list-item__material-amount-result .result-value:after{content:"g";position:absolute;top:50%;right:0;transform:translateY(-50%);font-weight:400;font-family:Roboto,Helvetica,Arial,sans-serif}.material-box .material-list-item__remove-button{width:10%;flex-direction:column;justify-content:center;padding-top:10px}.material-box .material-list-item__remove-button .remove-button{padding:0;border-radius:50%;background:#e2e2e2;height:22px;width:22px;display:flex;justify-content:center;align-items:center}.material-box .material-list-item__remove-button .remove-button svg{width:18px;color:#fff}.material-box .add-button{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);border-radius:50%;height:56px;width:56px;background-color:#ff906e;border:solid 8px #fff;box-shadow:0 10px 10px #e6e5e5;display:flex;justify-content:center;align-items:center;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:14px;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}ol{margin-top:0;padding-left:20px}